:root {
  --primary-color: hsl(136, 62%, 42%);
  --secondary-color: hsl(252, 56%, 52%);
  --bg-color: hsl(130, 7%, 97%);
  --text-color: hsl(140, 12%, 11%);
  --text-muted: hsl(140, 6%, 42%);
  --border-color: rgba(16, 32, 20, 0.1);
  --radius-sm: 7px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 6px rgba(10, 40, 18, 0.06);
  --shadow-md: 0 6px 20px rgba(10, 40, 18, 0.1);
  --shadow-lg: 0 14px 44px rgba(10, 40, 18, 0.16);
  --nav-height: 62px;
  --max-width: clamp(940px, 90vw, 1440px);
  --transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --primary-hover: hsl(140, 62%, 36%);
  --secondary-hover: hsl(252, 56%, 44%);
  --accent-glow: hsla(136, 62%, 42%, 0.2);
  --link-hover-bg: hsla(136, 62%, 42%, 0.08);
  --page-primary: hsl(124, 73%, 54%);
  --page-primary-dark: hsl(124, 73%, 40%);
  --page-secondary: hsl(248, 58%, 54%);
  --page-secondary-dark: hsl(248, 58%, 44%);
  --page-text: hsl(124, 10%, 10%);
  --page-bg: hsl(124, 7%, 96%);
  --page-surface: #ffffff;
  --page-muted: hsl(124, 5%, 55%);
  --page-radius-sm: 8px;
  --page-radius-md: 14px;
  --page-radius-lg: 22px;
  --page-radius-xl: 32px;
  --page-shadow-soft: 0 2px 16px hsla(248, 58%, 54%, 0.08);
  --page-shadow-card: 0 6px 32px hsla(248, 58%, 54%, 0.10);
  --page-shadow-heavy: 0 12px 48px hsla(248, 58%, 54%, 0.16);
  --page-gradient-hero: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(220, 70%, 56%) 50%, hsl(180, 60%, 48%) 100%);
  --page-gradient-accent: linear-gradient(135deg, hsl(124, 73%, 54%), hsl(160, 70%, 46%));
  --dl-primary: hsl(124, 73%, 54%);
  --dl-primary-dark: hsl(124, 73%, 38%);
  --dl-secondary: hsl(248, 58%, 54%);
  --dl-secondary-light: hsl(248, 58%, 64%);
  --dl-text: hsl(124, 10%, 10%);
  --dl-bg: hsl(124, 7%, 96%);
  --dl-card-bg: #ffffff;
  --dl-border: hsl(124, 10%, 88%);
  --dl-muted: hsl(124, 5%, 45%);
  --dl-radius: 16px;
  --dl-radius-sm: 10px;
  --dl-shadow: 0 4px 24px rgba(0,0,0,0.07);
  --dl-shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
  --sc-primary: hsl(124, 73%, 54%);
  --sc-primary-deep: hsl(124, 73%, 42%);
  --sc-accent: hsl(248, 58%, 54%);
  --sc-accent-light: hsl(248, 58%, 64%);
  --sc-bg: hsl(124, 7%, 96%);
  --sc-surface: #ffffff;
  --sc-text: hsl(124, 10%, 10%);
  --sc-text-mid: hsl(124, 8%, 35%);
  --sc-text-light: hsl(124, 6%, 50%);
  --sc-border: hsl(124, 8%, 88%);
  --sc-radius: 16px;
  --sc-radius-sm: 10px;
  --sc-shadow: 0 2px 12px hsla(248, 40%, 30%, 0.08);
  --sc-shadow-lg: 0 8px 32px hsla(248, 40%, 30%, 0.12);
}

body{
    padding-top: var(--nav-height);
    margin: 0;
    }

*, *::before, *::after{
    box-sizing: border-box;
    }

.kkoh_08cfc58c2c{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    }

.wps-nav--scrolled{
    background: hsla(130, 7%, 97%, 0.88);
    backdrop-filter: blur(16px) saturate(1.6);
    -webkit-backdrop-filter: blur(16px) saturate(1.6);
    box-shadow: var(--shadow-sm);
    border-bottom-color: transparent;
    }

.odak_726d065dd4{
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 6px;
    }

.pnfe_719cc74560{
    flex-shrink: 0;
    margin-right: 8px;
    }

.fdnp_7e123f468a{
    display: flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    color: var(--text-color);
    transition: var(--transition);
    }

.fdnp_7e123f468a:hover{
    opacity: 0.85;
    }

.bood_81ee6bd9cc{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }

.fin_c9766cb640{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

.eim_eda2c28324{
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    margin-left: auto;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    }

.eim_eda2c28324:hover{
    background: var(--link-hover-bg);
    }

.kan_c585f14713{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 20px;
    }

.kif_e9985d3a22{
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);transform-origin: center;
    }

.wps-nav--menu-open .kif_e9985d3a22:nth-child(1){
    transform: translateY(7px) rotate(45deg);
    }

.wps-nav--menu-open .kif_e9985d3a22:nth-child(2){
    opacity: 0;
    transform: scaleX(0);
    }

.wps-nav--menu-open .kif_e9985d3a22:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
    }

.alma_e9bdfccaaf{
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    gap: 4px;
    }

.oich_2896cd25bd{
    display: none;
    }

.jbgn_bd18f02e2f{
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    min-width: 0;
    gap: 1px;
    }

.fpe_3c9b6cc092{
    flex-shrink: 0;
    position: relative;
    }

.jgp_93dfd6b4f4{
    position: relative;
    }

.ohpm_9a121d9876{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    line-height: 1.4;
    position: relative;
    }

.ohpm_9a121d9876:hover{
    color: var(--text-color);
    background: var(--link-hover-bg);
    }

.pmco_90bcf84e6a{
    color: var(--primary-color);
    font-weight: 600;
    background: var(--link-hover-bg);
    }

.djn_e29ce031ca{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--secondary-color), hsl(280, 56%, 56%));
    border-radius: 20px;
    line-height: 1.6;
    }

.kcna_cda3160b43{
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 12px;
    }

.kce_ef22bdc14f{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(160, 56%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: 0 3px 12px var(--accent-glow), var(--shadow-sm);
    line-height: 1.4;
    }

.kce_ef22bdc14f:hover{
    background: linear-gradient(135deg, var(--primary-hover), hsl(160, 56%, 32%));
    box-shadow: 0 5px 20px var(--accent-glow), var(--shadow-md);
    transform: translateY(-1px); color: #ffffff;}

.kce_ef22bdc14f:active{
    transform: translateY(0);
    box-shadow: 0 2px 8px var(--accent-glow);
    }

.gadp_b5d5e4e50e{
    flex-shrink: 0;
    }

@media (max-width: 1200px) {.ohpm_9a121d9876 {
    padding: 6px 8px;
    font-size: 12.5px;
    }
    .kce_ef22bdc14f {
    padding: 7px 14px;
    font-size: 12.5px;
    }}

@media (max-width: 860px) {.eim_eda2c28324 {
    display: flex;
    }
    .alma_e9bdfccaaf {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(22.0vw, 349px);
    max-width: 85vw;
    flex-direction: column;
    align-items: stretch;
    background: var(--nav-bg);
    box-shadow: var(--shadow-lg);
    padding: calc(var(--nav-height) + 12px) 16px 24px;
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1001;
    overflow-y: auto;
    gap: 8px;
    }
    .wps-nav-menu--open {
    transform: translateX(0);
    }
    .oich_2896cd25bd {
    display: block;position: fixed;
    inset: 0;
    background: rgba(10, 20, 14, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1000;opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease; color: #ffffff;}
    .wps-nav-menu--open .oich_2896cd25bd {
    opacity: 1;
    pointer-events: auto;
    }
    .jbgn_bd18f02e2f {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    }
    .ohpm_9a121d9876 {
    padding: 10px 14px;
    font-size: 15px;
    border-radius: var(--radius-md);
    }
    .kcna_cda3160b43 {
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
    border-top: 1px solid var(--border-color);
    margin-top: 4px;
    }
    .kce_ef22bdc14f {
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
    font-size: 15px;
    border-radius: var(--radius-md);
    }}

.ohpm_9a121d9876.active{color: var(--text-color); background: var(--link-hover-bg);}

.pmco_90bcf84e6a.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}

main.m221906806c *{ margin: 0; padding: 0; box-sizing: border-box; }

main.m221906806c .loj_594c08c1b3{
    position: relative;
    overflow: hidden;
    background: var(--page-gradient-hero);
    padding: 80px 24px 64px;
    color: #fff;
    min-height: clamp(310px, 33.75vh, 520px);
    display: flex;
    align-items: center;
    }

main.m221906806c .loj_594c08c1b3::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(33.37vw, 559px);
    height: clamp(342px, 43.27vh, 568px);
    background: hsla(124, 73%, 54%, 0.15);
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    }

main.m221906806c .loj_594c08c1b3::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: 10%;
    width: min(22.25vw, 372px);
    height: clamp(228px, 28.85vh, 379px);
    background: hsla(180, 60%, 48%, 0.12);
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
    }

main.m221906806c .kpfa_f83480ff4c{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    position: relative;
    z-index: 1;
    }

main.m221906806c .bjio_c1e3184045 h1{
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
    font-family: system-ui, -apple-system, sans-serif, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    }

main.m221906806c .bjio_c1e3184045 h1 span{
    background: var(--page-gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

main.m221906806c .ndii_6755a93ecb{
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    margin-bottom: 28px;
    max-width: clamp(332px, 33.37vw, 559px);
    }

main.m221906806c .hedl_49be13e3fc{
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    font-size: 0.88rem;
    opacity: 0.8;
    }

main.m221906806c .chll_155d5c70b6{
    display: flex;
    flex-direction: column;
    gap: 2px;
    }

main.m221906806c .lmn_f2ade0473d{
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.65;
    }

main.m221906806c .jafj_5a63a9e7ee{
    font-weight: 700;
    font-size: 0.95rem;
    }

main.m221906806c .pghd_c846db4f0f{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    }

main.m221906806c .ahe_c9b12d88ff{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--page-gradient-accent);
    color: var(--page-text);
    font-weight: 700;
    font-size: 1rem;
    border: none;
    border-radius: var(--page-radius-lg);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 20px hsla(124, 73%, 54%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m221906806c .ahe_c9b12d88ff:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 28px hsla(124, 73%, 54%, 0.45);
    }

main.m221906806c .ahe_c9b12d88ff svg{
    width: 18px;
    height: 18px;
    }

main.m221906806c .oni_5c73d59341{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: hsla(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    border: 1.5px solid hsla(255, 255, 255, 0.3);
    border-radius: var(--page-radius-lg);
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    }

main.m221906806c .oni_5c73d59341:hover{
    background: hsla(255, 255, 255, 0.2);
    border-color: hsla(255, 255, 255, 0.5);
    }

main.m221906806c .ogca_9c6927ca40{
    position: relative;
    display: flex;
    justify-content: center;
    }

main.m221906806c .obl_9347380f68{
    position: relative;
    border-radius: var(--page-radius-xl);
    overflow: hidden;box-shadow: var(--page-shadow-heavy);
    max-width: clamp(318px, 31.98vw, 535px);
    width: 100%;
    }

main.m221906806c .obl_9347380f68 img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m221906806c .jcj_1af76a74d1{
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: hsla(0, 0%, 0%, 0.55);
    backdrop-filter: blur(12px);
    color: #fff;
    padding: 8px 16px;
    border-radius: var(--page-radius-md);
    font-size: 0.78rem;
    font-weight: 600;
    }

main.m221906806c .kai_9602b3da98{
    padding: 72px 24px;
    background: var(--page-bg);
    }

main.m221906806c .fom_8dbed0356a{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    }

main.m221906806c .molj_290abf3fc2{
    margin-bottom: 48px;
    }

main.m221906806c .molj_290abf3fc2 h2{
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--page-text);
    margin-bottom: 10px;
    font-family: system-ui, -apple-system, sans-serif, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    }

main.m221906806c .molj_290abf3fc2 p{
    color: var(--page-muted);
    font-size: 0.98rem;
    line-height: 1.6;max-width: clamp(387px, 38.94vw, 652px);
    }

main.m221906806c .peoi_7a74c1626d{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    }

main.m221906806c .lkdm_319c007101{
    background: var(--page-surface);
    border-radius: var(--page-radius-lg);
    padding: 28px 24px;
    box-shadow: var(--page-shadow-soft);
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m221906806c .lkdm_319c007101:hover{
    transform: translateY(-4px);
    box-shadow: var(--page-shadow-card);
    }

main.m221906806c .domn_ee2efcba0c{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--page-secondary);
    color: #fff;
    font-weight: 800;
    font-size: 0.9rem;
    margin-bottom: 16px;
    }

main.m221906806c .lkdm_319c007101 h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 8px;
    }

main.m221906806c .lkdm_319c007101 p{
    font-size: 0.88rem;
    color: var(--page-muted);
    line-height: 1.6;
    }

main.m221906806c .lkdm_319c007101 a{
    color: var(--page-secondary);
    text-decoration: none;
    font-weight: 600;
    }

main.m221906806c .lkdm_319c007101 a:hover{
    text-decoration: underline;
    }

main.m221906806c .fdbm_bd1b28194f{
    padding: 72px 24px;
    background: var(--page-surface);
    }

main.m221906806c .ieh_e07a400d2d{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 48px;
    align-items: center;
    }

main.m221906806c .gin_f2ec86599b{
    border-radius: var(--page-radius-xl);
    overflow: hidden;
    box-shadow: var(--page-shadow-card);
    }

main.m221906806c .gin_f2ec86599b img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m221906806c .oin_fd389e6a1f h2{
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--page-text);
    margin-bottom: 14px;
    }

main.m221906806c .oin_fd389e6a1f > p{
    color: var(--page-muted);
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 24px;
    }

main.m221906806c .cbgm_cc010c4fe7{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    }

main.m221906806c .cbgm_cc010c4fe7 th, main.m221906806c .cbgm_cc010c4fe7 td{
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid hsl(124, 7%, 90%);
    }

main.m221906806c .cbgm_cc010c4fe7 th{
    font-weight: 700;
    color: var(--page-text);
    background: hsl(124, 7%, 96%);
    border-radius: var(--page-radius-sm) var(--page-radius-sm) 0 0;
    }

main.m221906806c .cbgm_cc010c4fe7 td{
    color: hsl(124, 10%, 30%);
    }

main.m221906806c .cbgm_cc010c4fe7 tr:last-child td{
    border-bottom: none;
    }

main.m221906806c .jfak_56246a911e{
    display: inline-block;
    margin-top: 20px;
    color: var(--page-secondary);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.92rem;
    }

main.m221906806c .jfak_56246a911e:hover{
    text-decoration: underline;
    }

main.m221906806c .lbhl_74941b7da5{
    padding: 72px 24px;
    background: linear-gradient(180deg, var(--page-bg) 0%, hsl(248, 20%, 95%) 100%);
    }

main.m221906806c .kgkm_60a624898e{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    }

main.m221906806c .jeo_3d26ee7f8a{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 48px;
    }

main.m221906806c .ikm_9ed6348b6f{
    background: var(--page-surface);
    border-radius: var(--page-radius-lg);
    padding: 32px 28px;
    box-shadow: var(--page-shadow-soft);
    border-left: 4px solid var(--page-secondary);
    transition: box-shadow 0.2s;
    }

main.m221906806c .ikm_9ed6348b6f:hover{
    box-shadow: var(--page-shadow-card);
    }

main.m221906806c .ikm_9ed6348b6f h3{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 10px;
    }

main.m221906806c .ikm_9ed6348b6f p{
    font-size: 0.88rem;
    color: var(--page-muted);
    line-height: 1.65;
    margin-bottom: 8px;
    }

main.m221906806c .ikm_9ed6348b6f code{
    display: inline-block;
    background: hsl(248, 20%, 94%);
    color: var(--page-secondary-dark);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-family: "SF Mono", "Fira Code", monospace;
    }

main.m221906806c .gopc_91fd364882{
    padding: 72px 24px;
    background: var(--page-surface);
    }

main.m221906806c .kgp_2a3088e2c8{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 48px;
    align-items: start;
    }

main.m221906806c .lobn_1551256828 h2{
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--page-text);
    margin-bottom: 14px;
    }

main.m221906806c .lobn_1551256828 > p{
    color: var(--page-muted);
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 24px;
    }

main.m221906806c .acp_8a4ab734b1{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

main.m221906806c .fnlh_d1ee1ea174{
    background: var(--page-bg);
    border-radius: var(--page-radius-md);
    padding: 18px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

main.m221906806c .mle_2455dd225d{
    display: flex;
    flex-direction: column;
    gap: 3px;
    }

main.m221906806c .abii_56ce767475{
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--page-text);
    }

main.m221906806c .fmdb_88d436b988{
    font-size: 0.8rem;
    color: var(--page-muted);
    }

main.m221906806c .version-size{
    font-size: 0.82rem;
    color: var(--page-muted);
    background: hsl(124, 7%, 92%);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    }

main.m221906806c .version-img{
    border-radius: var(--page-radius-xl);
    overflow: hidden;
    box-shadow: var(--page-shadow-card);
    }

main.m221906806c .version-img img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m221906806c .version-link{
    display: inline-block;
    margin-top: 20px;
    color: var(--page-secondary);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.92rem;
    }

main.m221906806c .version-link:hover{
    text-decoration: underline;
    }

main.m221906806c .cta-bottom{
    padding: 64px 24px;
    background: var(--page-gradient-hero);
    text-align: center;
    color: #fff;
    }

main.m221906806c .cta-bottom h2{
    font-size: 1.7rem;
    font-weight: 800;
    margin-bottom: 12px;
    }

main.m221906806c .cta-bottom p{
    opacity: 0.88;
    font-size: 0.95rem;
    margin-bottom: 28px;
    max-width: clamp(332px, 33.37vw, 559px);
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    }

main.m221906806c .cta-bottom .ahe_c9b12d88ff{
    font-size: 1.05rem;
    padding: 16px 40px;
    }

.page-footer.pnce_3092487261{
    background: hsl(248, 30%, 16%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 40px 24px;
    font-size: 0.85rem;
    }

footer .hakd_59dce592b7{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }

footer.pnce_3092487261-brand{
    font-weight: 800;
    font-size: 1.1rem;
    color: #fff;
    }

footer.pnce_3092487261-links{
    display: flex;
    gap: 24px;
    list-style: none;
    }

footer.pnce_3092487261-links a{
    color: hsla(0, 0%, 100%, 0.6);
    text-decoration: none;
    transition: color 0.2s;
    }

footer.pnce_3092487261-links a:hover{
    color: #fff;
    }

footer.pnce_3092487261-copy{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    font-size: 0.8rem;
    opacity: 0.55;
    }

@media (max-width: 900px) {main.m221906806c .kpfa_f83480ff4c{
    grid-template-columns: 1fr;
    text-align: center;
    }
    main.m221906806c .ndii_6755a93ecb{ margin-left: auto; margin-right: auto; }
    main.m221906806c .hedl_49be13e3fc{ justify-content: center; }
    main.m221906806c .pghd_c846db4f0f{ justify-content: center; }
    main.m221906806c .ogca_9c6927ca40{ order: -1; }
    main.m221906806c .obl_9347380f68{ max-width: clamp(249px, 25.03vw, 419px); }
    main.m221906806c .peoi_7a74c1626d{ grid-template-columns: repeat(2, 1fr); }
    main.m221906806c .ieh_e07a400d2d{ grid-template-columns: 1fr; }
    main.m221906806c .jeo_3d26ee7f8a{ grid-template-columns: 1fr; }
    main.m221906806c .kgp_2a3088e2c8{ grid-template-columns: 1fr; }
    main.m221906806c .version-img{ order: -1; }}

@media (max-width: 560px) {main.m221906806c .bjio_c1e3184045 h1{ font-size: 1.8rem; }
    main.m221906806c .loj_594c08c1b3{ padding: 56px 16px 48px; min-height: auto; }
    main.m221906806c .peoi_7a74c1626d{ grid-template-columns: 1fr; }
    main.m221906806c .hedl_49be13e3fc{ flex-direction: column; gap: 10px; align-items: center; }
    main.m221906806c .molj_290abf3fc2 h2, main.m221906806c .oin_fd389e6a1f h2, main.m221906806c .lobn_1551256828 h2, main.m221906806c .cta-bottom h2{ font-size: 1.45rem; }
    footer .hakd_59dce592b7{ flex-direction: column; text-align: center; }
    main.m221906806c .footer-links{ justify-content: center; flex-wrap: wrap; }}

footer.pnce_3092487261{
    background: hsl(240, 18%, 11%);
    color: hsl(0, 0%, 82%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    }

footer.pnce_3092487261::before{
    content: "";
    position: absolute;
    top: -180px;
    left: -120px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(136, 62%, 42%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }

footer.pnce_3092487261::after{
    content: "";
    position: absolute;
    bottom: -200px;
    right: -100px;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: radial-gradient(circle, hsla(252, 56%, 52%, 0.06) 0%, transparent 70%);
    pointer-events: none; color: #ffffff;}

footer .hakd_59dce592b7{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    padding: 64px 32px 48px;
    position: relative;
    z-index: 1;
    }

footer .blh_c23ff7399e{
    flex: 1 1 260px;
    min-width: 220px;
    max-width: clamp(220px, 22.0vw, 349px);
    }

footer .efak_4e7751fd9e{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    }

footer .dkmh_a7b920c361{
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    }

footer .fdag_19da9a4ea3{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    }

footer .fcg_771912dfb8{
    color: hsl(0, 0%, 58%);
    font-size: 13.5px;
    line-height: 1.7;
    margin: 0 0 20px;
    }

footer .ldb_b113b03029{
    display: flex;
    gap: 10px;
    }

footer .fhg_e77f506d7f{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 10px;
    background: hsla(0, 0%, 100%, 0.07);
    color: hsl(0, 0%, 70%);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .fhg_e77f506d7f:hover{
    background: var(--primary-color, hsl(136, 62%, 42%));
    color: #fff;
    transform: translateY(-2px);
    }

footer .idmo_7455835b5e{
    width: 18px;
    height: 18px;
    }

footer .pbc_344e9f58cd{
    flex: 0 1 140px;
    min-width: 110px;
    }

footer .ciho_08f60711ff{
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0 0 18px;
    }

footer .cmmb_3dca53dfec{
    list-style: none;
    margin: 0;
    padding: 0;
    }

footer .ipbf_4fbe67cf76{
    margin-bottom: 10px;
    }

footer .kpdo_985df641dc{
    color: hsl(0, 0%, 58%);
    text-decoration: none;
    font-size: 13.5px;
    transition: var(--transition, all 0.24s ease);
    position: relative;
    }

footer .kpdo_985df641dc:hover{
    color: var(--primary-color, hsl(136, 62%, 42%));
    }

footer .nifk_8a180c198b{
    flex: 1 1 200px;
    min-width: 180px;
    max-width: 240px;
    background: hsla(0, 0%, 100%, 0.04);
    border: 1px solid hsla(0, 0%, 100%, 0.06);
    border-radius: var(--radius-lg, 22px);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }

footer .ici_c41bf02c42{
    color: hsl(0, 0%, 58%);
    font-size: 13px;
    line-height: 1.65;
    margin: 0 0 20px;
    }

footer .koko_36f7db95db{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 28px;
    background: linear-gradient(135deg, var(--primary-color, hsl(136, 62%, 42%)), hsl(160, 58%, 38%));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-md, 14px);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    box-shadow: 0 4px 16px hsla(136, 62%, 42%, 0.3);
    width: 100%;
    text-align: center;
    }

footer .koko_36f7db95db:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(136, 62%, 42%, 0.4);
    filter: brightness(1.08);
    }

footer .fckk_62e6ef684c{
    border-top: 1px solid hsla(0, 0%, 100%, 0.07);
    position: relative;
    z-index: 1;
    }

footer .jepn_225b120071{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    max-width: var(--max-width, 1200px);
    margin: 0 auto;padding: 20px 32px;
    }

footer .oomc_08e0ee6263{
    color: hsl(0, 0%, 42%);
    font-size: 12.5px;
    flex: 0 1 auto;
    }

footer .ligk_0bb7242fcb{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    }

footer .poj_bb4a0232c7{
    color: hsl(0, 0%, 50%);
    font-size: 12.5px;
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    }

footer .poj_bb4a0232c7:hover{
    color: var(--primary-color, hsl(136, 62%, 42%));
    }

footer .nic_8393da55d0{
    color: hsl(0, 0%, 30%);
    font-size: 12px;
    }

@media (max-width: 768px) {footer .hakd_59dce592b7{
    padding: 48px 20px 36px;
    gap: 32px;
    }
    footer .blh_c23ff7399e{
    flex: 1 1 100%;
    max-width: 100%;
    }
    footer .pbc_344e9f58cd{
    flex: 1 1 calc(50% - 16px);
    min-width: 0;
    }
    footer .nifk_8a180c198b{
    flex: 1 1 100%;
    max-width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    }
    footer .ici_c41bf02c42{
    margin: 0;flex: 1 1 auto;
    }
    footer .koko_36f7db95db{
    width: auto;
    flex: 0 0 auto;
    white-space: nowrap;
    }
    footer .jepn_225b120071{
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 18px 20px;
    }}

@media (max-width: 480px) {footer .hakd_59dce592b7{
    padding: 40px 16px 28px;
    gap: 28px;
    }
    footer .pbc_344e9f58cd{
    flex: 1 1 100%;
    }
    footer .nifk_8a180c198b{
    flex-direction: column;
    align-items: stretch;
    }
    footer .koko_36f7db95db{
    width: 100%;}
    footer .ligk_0bb7242fcb{
    flex-wrap: wrap;
    justify-content: center;
    }}

main.m143d9a5a5f *{ box-sizing: border-box; margin: 0; padding: 0; }

main.m143d9a5a5f .npen_ff28ae395e{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    background: linear-gradient(135deg, hsl(248, 58%, 20%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    text-align: center;
    }

main.m143d9a5a5f .npen_ff28ae395e::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m143d9a5a5f .npen_ff28ae395e::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: -40px;
    width: min(22.0vw, 349px);
    height: clamp(213px, 27.04vh, 355px);
    background: radial-gradient(circle, hsla(248, 58%, 64%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m143d9a5a5f .npen_ff28ae395e h1{
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 800;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;line-height: 1.3;
    }

main.m143d9a5a5f .npen_ff28ae395e h1 span{
    color: var(--dl-primary);
    }

main.m143d9a5a5f .bed_e4bf91baa7{
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto 32px;
    opacity: 0.92;
    position: relative;
    z-index: 1;
    }

main.m143d9a5a5f .oilh_158b186307{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    }

main.m143d9a5a5f .ecja_9f59e78c5c{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: hsla(0, 0%, 100%, 0.12);
    border: 1px solid hsla(0, 0%, 100%, 0.18);
    border-radius: 20px;
    font-size: 0.82rem;
    backdrop-filter: blur(4px);
    }

main.m143d9a5a5f .gohm_39f18a9d8c{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    padding: 0 24px;
    }

main.m143d9a5a5f .inij_c236574835{
    padding: 64px 24px;
    background: var(--dl-bg, #f5f5f5);
    }

main.m143d9a5a5f .inij_c236574835 h2{
    text-align: center;
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    font-weight: 700;
    color: var(--dl-text, #1a1a1a);
    margin-bottom: 12px;
    }

main.m143d9a5a5f .aam_b6888dd3a1{
    text-align: center;
    color: var(--dl-muted);
    margin-bottom: 48px;
    font-size: 0.95rem;
    }

main.m143d9a5a5f .gfkl_8040c98d44{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    }

main.m143d9a5a5f .dda_9f239bd46c{
    background: var(--dl-card-bg);
    border-radius: var(--dl-radius);
    padding: 36px 28px 28px;
    box-shadow: var(--dl-shadow);
    border: 1px solid var(--dl-border);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m143d9a5a5f .dda_9f239bd46c:hover{
    transform: translateY(-4px);
    box-shadow: var(--dl-shadow-lg);
    }

main.m143d9a5a5f .ocm_b4c94bb55b{
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: 700;
    }

main.m143d9a5a5f .ocm_b4c94bb55b.kkpp_c51c436822{
    background: linear-gradient(135deg, hsl(200, 80%, 50%), hsl(210, 90%, 40%));
    color: #fff;
    }

main.m143d9a5a5f .ocm_b4c94bb55b.kjd_07a53b0127{
    background: linear-gradient(135deg, hsl(0, 0%, 25%), hsl(0, 0%, 10%));
    color: #fff;
    }

main.m143d9a5a5f .ocm_b4c94bb55b.dceg_da7225d79c{
    background: linear-gradient(135deg, hsl(40, 90%, 55%), hsl(30, 85%, 45%));
    color: #fff;
    }

main.m143d9a5a5f .dda_9f239bd46c h3{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 14px;
    }

main.m143d9a5a5f .pilj_15d0327447{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;flex: 1;
    }

main.m143d9a5a5f .flpe_2d0f340c49{
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: var(--dl-muted);
    padding: 4px 0;
    border-bottom: 1px dashed var(--dl-border);
    }

main.m143d9a5a5f .flpe_2d0f340c49 span:last-child{
    color: var(--dl-text);
    font-weight: 500;
    }

main.m143d9a5a5f .mek_c907239113{
    font-size: 0.72rem;
    color: var(--dl-muted);
    word-break: break-all;background: hsl(124, 7%, 93%);
    padding: 8px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    line-height: 1.5;font-family: "Courier New", monospace;
    }

main.m143d9a5a5f .mek_c907239113 strong{
    color: var(--dl-text);
    font-size: 0.75rem;
    }

main.m143d9a5a5f .iki_525d972a1e{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: var(--dl-radius-sm);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
    }

main.m143d9a5a5f .cam_9bf6498f47{
    background: linear-gradient(135deg, var(--dl-primary), var(--dl-primary-dark));
    color: #fff;
    box-shadow: 0 4px 16px hsla(124, 73%, 40%, 0.35);
    }

main.m143d9a5a5f .cam_9bf6498f47:hover{
    box-shadow: 0 6px 24px hsla(124, 73%, 40%, 0.5);
    transform: translateY(-1px);
    }

main.m143d9a5a5f .neai_cc37c7a845{
    background: linear-gradient(135deg, var(--dl-secondary), var(--dl-secondary-light));
    color: #fff;
    box-shadow: 0 4px 16px hsla(248, 58%, 50%, 0.3);
    }

main.m143d9a5a5f .neai_cc37c7a845:hover{
    box-shadow: 0 6px 24px hsla(248, 58%, 50%, 0.45);
    transform: translateY(-1px);
    }

main.m143d9a5a5f .nlk_da77748572{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    }

main.m143d9a5a5f .cgka_a1704f9698{
    padding: 10px 20px;
    font-size: 0.88rem;
    }

main.m143d9a5a5f .kba_02dbcdad6c{
    padding: 64px 24px;
    background: #fff;
    }

main.m143d9a5a5f .kba_02dbcdad6c h2{
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 16px;
    }

main.m143d9a5a5f .ipai_171d6464c0{
    color: var(--dl-muted);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: clamp(498px, 50.06vw, 838px);
    font-size: 0.95rem;
    }

main.m143d9a5a5f .pdj_a0985c95d0{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    align-items: start;
    }

main.m143d9a5a5f .efa_917d6c20d6{
    width: 100%;
    border-radius: var(--dl-radius);
    object-fit: cover;
    aspect-ratio: 16/10;
    box-shadow: var(--dl-shadow);
    }

main.m143d9a5a5f .pcdl_8d98833311{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }

main.m143d9a5a5f .pcdl_8d98833311 li{
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    background: var(--dl-bg);
    border-radius: var(--dl-radius-sm);
    font-size: 0.92rem;
    line-height: 1.6;
    color: var(--dl-text);
    }

main.m143d9a5a5f .pcdl_8d98833311 li::before{
    content: "✓";
    flex-shrink: 0;width: 24px;
    height: 24px;
    background: var(--dl-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: 2px;
    }

main.m143d9a5a5f .bmc_35ebc0cfdf{
    padding: 64px 24px;
    background: linear-gradient(180deg, var(--dl-bg) 0%, #fff 100%);
    }

main.m143d9a5a5f .bmc_35ebc0cfdf h2{
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 16px;
    text-align: center;
    }

main.m143d9a5a5f .epj_aa1e8bc2a8{
    text-align: center;
    color: var(--dl-muted);
    margin-bottom: 40px;
    font-size: 0.95rem;
    max-width: clamp(415px, 41.72vw, 698px);
    margin-left: auto;
    margin-right: auto;
    }

main.m143d9a5a5f .ecc_aac2630e55{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    }

main.m143d9a5a5f .olma_957ed0d0cc{
    text-align: center;
    padding: 32px 24px;
    background: var(--dl-card-bg);
    border-radius: var(--dl-radius);
    box-shadow: var(--dl-shadow);
    border: 1px solid var(--dl-border);
    }

main.m143d9a5a5f .ion_664fd595c7{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--dl-secondary), var(--dl-secondary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 16px;
    }

main.m143d9a5a5f .olma_957ed0d0cc h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 10px;
    }

main.m143d9a5a5f .olma_957ed0d0cc p{
    font-size: 0.88rem;
    color: var(--dl-muted);
    line-height: 1.6;
    }

main.m143d9a5a5f .olma_957ed0d0cc code{
    display: inline-block;
    background: hsl(248, 20%, 94%);
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    color: var(--dl-secondary);
    margin-top: 6px;
    }

main.m143d9a5a5f .hmlm_17b6477810{
    padding: 64px 24px;
    background: #fff;
    }

main.m143d9a5a5f .hmlm_17b6477810 h2{
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 16px;
    }

main.m143d9a5a5f .gobo_b7722b01f7{
    color: var(--dl-muted);
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: clamp(498px, 50.06vw, 838px);
    font-size: 0.95rem;
    }

main.m143d9a5a5f .ogm_94ead5a951{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    }

main.m143d9a5a5f .bmnd_59c1ae61b2{
    padding: 28px 24px;
    background: var(--dl-bg);
    border-radius: var(--dl-radius);
    border-left: 4px solid var(--dl-secondary);
    }

main.m143d9a5a5f .bmnd_59c1ae61b2 h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 10px;
    }

main.m143d9a5a5f .bmnd_59c1ae61b2 p{
    font-size: 0.88rem;
    color: var(--dl-muted);
    line-height: 1.65;
    }

main.m143d9a5a5f .bmnd_59c1ae61b2 code{
    background: hsl(248, 20%, 92%);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.82rem;
    color: var(--dl-secondary);
    }

main.m143d9a5a5f .dl-links{
    padding: 48px 24px;
    background: var(--dl-bg);text-align: center;
    }

main.m143d9a5a5f .dl-links h2{
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--dl-text);
    margin-bottom: 20px;
    }

main.m143d9a5a5f .dl-links-row{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }

main.m143d9a5a5f .dl-link-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: var(--dl-card-bg);
    border: 1px solid var(--dl-border);
    border-radius: 24px;
    text-decoration: none;
    color: var(--dl-text);
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }

main.m143d9a5a5f .dl-link-chip:hover{
    border-color: var(--dl-secondary);
    color: var(--dl-secondary);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }

footer.ihek_53869c1188{
    padding: 40px 24px;
    background: hsl(248, 30%, 16%);
    color: hsla(0, 0%, 100%, 0.7);
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.8;
    }

footer.ihek_53869c1188 a{
    color: hsla(0, 0%, 100%, 0.85);
    text-decoration: none;
    }

footer.ihek_53869c1188 a:hover{
    color: var(--dl-primary);
    }

footer .fdmd_de985f6b94{
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }

@media (max-width: 768px) {main.m143d9a5a5f .npen_ff28ae395e{ padding: 60px 20px 48px; }
    main.m143d9a5a5f .pdj_a0985c95d0{ grid-template-columns: 1fr; }
    main.m143d9a5a5f .ogm_94ead5a951{ grid-template-columns: 1fr; }
    main.m143d9a5a5f .gfkl_8040c98d44{ grid-template-columns: 1fr; }
    main.m143d9a5a5f .ecc_aac2630e55{ grid-template-columns: 1fr; }
    main.m143d9a5a5f .nlk_da77748572{ flex-direction: column; }}

footer.ihek_53869c1188{
    background: linear-gradient(135deg, hsl(140, 12%, 11%) 0%, hsl(252, 40%, 18%) 100%);
    padding: 48px 24px 36px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    overflow: hidden;
    }

footer.ihek_53869c1188::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(22.0vw, 349px);
    height: clamp(213px, 27.04vh, 355px);
    background: radial-gradient(circle, hsla(136, 62%, 42%, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

footer .omb_c8e2cea283{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }

footer .fdmd_de985f6b94{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }

footer .eafk_06b6f65b7f{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    }

footer .dhd_743afb7d9c{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45);
    margin: 0;
    }

footer .jncp_9c9688b685{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    }

footer .jmme_36b37510ac{
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 7px);
    transition: var(--transition, all 0.24s ease);
    }

footer .jmme_36b37510ac:hover{
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    }

footer .lpp_ac8f7176bd{
    color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    user-select: none;
    }

footer .oecd_2bfc784925{
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    margin: 8px 0 0;
    }

@media (max-width: 600px) {footer.ihek_53869c1188{
    padding: 36px 16px 28px;
    }
    footer .jncp_9c9688b685{
    gap: 4px;
    }
    footer .jmme_36b37510ac{
    font-size: 13px;
    padding: 4px 6px;
    }
    footer .eafk_06b6f65b7f{
    font-size: 18px;
    }}

footer.pnce_3092487261 {background: var(--primary-color));color: var(--text-color));}

footer.pnce_3092487261 a {color: inherit; opacity: 0.95;}

footer.pnce_3092487261 a:hover {opacity: 1; text-decoration: underline;}

footer.pnce_3092487261 p, footer.pnce_3092487261 li, footer.pnce_3092487261 span, footer.pnce_3092487261 div {color: inherit;}

main.m3af05925d0 .bhfe_b84d1d03b2{
    position: relative;
    overflow: hidden;
    padding: 3.5rem 1.5rem 3rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 50%, hsl(248, 45%, 30%) 100%);
    color: #fff;
    text-align: center;
    }

main.m3af05925d0 .bhfe_b84d1d03b2::before{
    content: "";
    position: absolute;
    top: -60%;
    right: -20%;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: hsl(124, 73%, 54%);
    opacity: 0.12;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    }

main.m3af05925d0 .bhfe_b84d1d03b2::after{
    content: "";
    position: absolute;
    bottom: -40%;
    left: -10%;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: hsl(124, 73%, 54%);
    opacity: 0.08;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
    }

main.m3af05925d0 .bhfe_b84d1d03b2 h1{
    position: relative;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 1rem;letter-spacing: -0.02em;
    }

main.m3af05925d0 .bhfe_b84d1d03b2 .hgi_b8be099627{
    position: relative;
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto 1.8rem;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    }

main.m3af05925d0 .oci_0e7fcf59ed{
    position: relative;
    display: inline-flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.88rem;
    opacity: 0.78;
    }

main.m3af05925d0 .oci_0e7fcf59ed span{
    display: flex;
    align-items: center;
    gap: 0.35rem;
    }

main.m3af05925d0 .hmli_1e385026e8{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 1.25rem;
    }

main.m3af05925d0 .fia_00ecc4b15c{
    padding: 3.5rem 1.25rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m3af05925d0 .fia_00ecc4b15c .hmli_1e385026e8{
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;}

main.m3af05925d0 .oofk_58a6629578{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.4rem;
    line-height: 1.35;
    }

main.m3af05925d0 .dkp_233e2fc86e{
    font-size: 0.95rem;
    color: hsl(124, 6%, 42%);
    margin: 0 0 2rem;
    line-height: 1.6;
    }

main.m3af05925d0 .bbaf_7cc3a70708{
    display: grid;
    gap: 1.5rem;}

main.m3af05925d0 .eafg_df19fb35bc{
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 1rem;
    align-items: start;
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

main.m3af05925d0 .eafg_df19fb35bc:hover{
    box-shadow: 0 6px 24px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    }

main.m3af05925d0 .oakp_74f10c8358{
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, hsl(124, 73%, 54%), hsl(124, 60%, 42%));
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }

main.m3af05925d0 .linl_cf7f8c6e72 h3{
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.4rem;
    }

main.m3af05925d0 .linl_cf7f8c6e72 p{
    font-size: 0.92rem;
    line-height: 1.65;
    color: hsl(124, 6%, 35%);
    margin: 0;
    }

main.m3af05925d0 .linl_cf7f8c6e72 code{
    display: inline-block;
    background: hsl(248, 20%, 94%);
    color: hsl(248, 58%, 40%);
    padding: 0.15em 0.5em;
    border-radius: 6px;
    font-size: 0.85rem;
    font-family: "Courier New", Courier, monospace;
    word-break: break-all;
    }

main.m3af05925d0 .fkee_d6a815e6c4{
    padding: 3.5rem 1.25rem;
    background: linear-gradient(180deg, hsl(248, 30%, 97%) 0%, hsl(124, 7%, 96%) 100%);}

main.m3af05925d0 .nch_6a9ec38588{
    background: hsl(248, 25%, 18%);
    border-radius: 14px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    overflow-x: auto; color: #ffffff;}

main.m3af05925d0 .nch_6a9ec38588 .lcjp_22efaf89ca{
    font-size: 0.78rem;
    color: hsl(124, 73%, 54%);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.8rem;
    }

main.m3af05925d0 .nch_6a9ec38588 pre{
    margin: 0;
    font-family: "Courier New", Courier, monospace;
    font-size: 0.88rem;
    line-height: 1.7;
    color: hsl(248, 15%, 82%);
    white-space: pre-wrap;
    word-break: break-all;
    }

main.m3af05925d0 .nch_6a9ec38588 pre span.mil_f3d9872293{
    color: hsl(124, 73%, 60%);
    }

main.m3af05925d0 .hhc_c4f02639ca{
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;font-size: 0.9rem;
    }

main.m3af05925d0 .hhc_c4f02639ca th{
    text-align: left;
    padding: 0.75rem 1rem;
    background: hsl(248, 58%, 54%);
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;}

main.m3af05925d0 .hhc_c4f02639ca th:first-child{
    border-radius: 10px 0 0 0;
    }

main.m3af05925d0 .hhc_c4f02639ca th:last-child{
    border-radius: 0 10px 0 0;
    }

main.m3af05925d0 .hhc_c4f02639ca td{
    padding: 0.7rem 1rem;
    border-bottom: 1px solid hsl(124, 7%, 90%);
    color: hsl(124, 6%, 30%);
    line-height: 1.5;
    }

main.m3af05925d0 .hhc_c4f02639ca tr:last-child td{
    border-bottom: none;
    }

main.m3af05925d0 .hhc_c4f02639ca tr:nth-child(even) td{
    background: hsl(248, 15%, 97%);
    }

main.m3af05925d0 .hhc_c4f02639ca code{
    background: hsl(248, 20%, 92%);
    color: hsl(248, 58%, 40%);
    padding: 0.1em 0.4em;
    border-radius: 5px;
    font-size: 0.84rem;
    }

main.m3af05925d0 .dbpo_b78ad1dc4b{
    padding: 3.5rem 1.25rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m3af05925d0 .hij_7ee9eb2d89{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1.5rem;
    }

main.m3af05925d0 .lbkh_75e107bcae{
    background: #fff;
    border-radius: 16px;
    padding: 1.8rem 1.5rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border-top: 4px solid hsl(124, 73%, 54%);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

main.m3af05925d0 .lbkh_75e107bcae:nth-child(2){
    border-top-color: hsl(248, 58%, 54%);
    }

main.m3af05925d0 .lbkh_75e107bcae:hover{
    box-shadow: 0 8px 28px rgba(0,0,0,0.1);
    transform: translateY(-3px);
    }

main.m3af05925d0 .ceod_30b6adb88f{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1rem;}

main.m3af05925d0 .lbkh_75e107bcae:first-child .ceod_30b6adb88f{
    background: hsl(124, 60%, 92%);
    color: hsl(124, 60%, 35%);
    }

main.m3af05925d0 .lbkh_75e107bcae:nth-child(2) .ceod_30b6adb88f{
    background: hsl(248, 40%, 92%);
    color: hsl(248, 58%, 45%);
    }

main.m3af05925d0 .lbkh_75e107bcae h3{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.6rem;
    }

main.m3af05925d0 .lbkh_75e107bcae ol{
    margin: 0;
    padding-left: 1.2rem;
    font-size: 0.9rem;
    line-height: 1.75;
    color: hsl(124, 6%, 32%);
    }

main.m3af05925d0 .lbkh_75e107bcae ol li{
    margin-bottom: 0.3rem;
    }

main.m3af05925d0 .lbkh_75e107bcae .mgg_3f6e6fe18e{
    margin-top: 0.8rem;
    font-size: 0.82rem;
    color: hsl(124, 6%, 50%);
    line-height: 1.55;
    padding-left: 0.6rem;
    border-left: 3px solid hsl(124, 7%, 88%);
    }

main.m3af05925d0 .feno_5531b4aaf7{
    padding: 3.5rem 1.25rem;
    background: linear-gradient(180deg, hsl(124, 7%, 96%) 0%, hsl(248, 20%, 96%) 100%);
    }

main.m3af05925d0 .dpka_48abea7138{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
    margin-top: 1.5rem;
    }

main.m3af05925d0 .pbj_8f2363ee61 h3{
    font-size: 1rem;
    font-weight: 700;
    color: hsl(248, 58%, 48%);
    margin: 0 0 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    }

main.m3af05925d0 .pbj_8f2363ee61 ul{
    list-style: none;
    padding: 0;margin: 0;
    font-size: 0.9rem;
    line-height: 1.8;
    color: hsl(124, 6%, 30%);
    }

main.m3af05925d0 .pbj_8f2363ee61 ul li::before{
    content: "✓";
    color: hsl(124, 73%, 40%);
    font-weight: 700;
    margin-right: 0.5rem;
    }

main.m3af05925d0 .ig-sysreq-img{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

main.m3af05925d0 .ig-sysreq-img img{
    width: 100%;
    height: auto;
    display: block;object-fit: cover;
    }

main.m3af05925d0 .ig-troubleshoot{
    padding: 3rem 1.25rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m3af05925d0 .ig-ts-banner{
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 50%, 42%));
    border-radius: 18px;
    padding: 2rem 2.2rem;
    color: #fff;
    }

main.m3af05925d0 .ig-ts-banner .ig-ts-icon{
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.15);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    }

main.m3af05925d0 .ig-ts-banner h2{
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.3rem;
    }

main.m3af05925d0 .ig-ts-banner p{
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.85;
    line-height: 1.5;
    }

main.m3af05925d0 .ig-ts-btn{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: hsl(124, 73%, 54%);
    color: hsl(124, 10%, 10%);
    font-weight: 700;
    font-size: 0.92rem;
    padding: 0.7rem 1.5rem;
    border-radius: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.15s ease;
    box-shadow: 0 3px 12px rgba(46, 204, 64, 0.3);
    }

main.m3af05925d0 .ig-ts-btn:hover{
    background: hsl(124, 73%, 48%);
    transform: translateY(-1px);
    }

main.m3af05925d0 .ig-bottom-nav{
    padding: 3rem 1.25rem;
    background: hsl(248, 20%, 96%);
    }

main.m3af05925d0 .ig-bn-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    }

main.m3af05925d0 .ig-bn-item{
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: #fff;
    border-radius: 14px;
    padding: 1.2rem 1.3rem;
    text-decoration: none;
    color: var(--text-color, hsl(124, 10%, 10%));
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    }

main.m3af05925d0 .ig-bn-item:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    }

main.m3af05925d0 .ig-bn-item .ig-bn-icon{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;background: hsl(248, 30%, 93%);
    color: hsl(248, 58%, 48%);
    }

main.m3af05925d0 .ig-bn-item .ig-bn-text{
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    }

main.m3af05925d0 .ig-bn-item .ig-bn-arrow{
    margin-left: auto;
    font-size: 0.85rem;
    color: hsl(124, 6%, 65%);
    }

main.m3af05925d0 .fkb_8f7f136784{
    padding: 2rem 1.25rem;
    text-align: center;
    background: hsl(248, 25%, 16%);
    color: hsl(248, 15%, 65%);
    font-size: 0.84rem;
    line-height: 1.7;
    }

main.m3af05925d0 .fkb_8f7f136784 a{
    color: hsl(124, 60%, 55%);
    text-decoration: none;
    }

main.m3af05925d0 .fkb_8f7f136784 a:hover{
    text-decoration: underline;
    }

@media (max-width: 768px) {main.m3af05925d0 .bhfe_b84d1d03b2 h1{
    font-size: 1.6rem;
    }
    main.m3af05925d0 .hij_7ee9eb2d89{
    grid-template-columns: 1fr;
    }
    main.m3af05925d0 .dpka_48abea7138{
    grid-template-columns: 1fr;
    }
    main.m3af05925d0 .ig-ts-banner{
    grid-template-columns: 1fr;text-align: center;
    gap: 1rem;
    }
    main.m3af05925d0 .ig-ts-banner .ig-ts-icon{
    margin: 0 auto;
    }
    main.m3af05925d0 .ig-bn-grid{
    grid-template-columns: 1fr;
    }
    main.m3af05925d0 .oci_0e7fcf59ed{
    gap: 0.8rem;
    }}

footer.fea_5e417b27bb{
    background: linear-gradient(175deg, hsl(252, 56%, 18%) 0%, hsl(252, 48%, 12%) 100%);
    color: hsla(0, 0%, 100%, 0.85);
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    position: relative;
    overflow: hidden;
    }

footer.fea_5e417b27bb::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(136, 62%, 42%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }

footer .jil_8dc8fb4186{
    max-width: var(--max-width,1440px);
    margin: 0 auto;
    padding: 56px 32px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 32px;
    }

footer .jgbh_2a1cb6bb1c{
    flex: 1 1 260px;
    min-width: 220px;
    max-width: clamp(220px, 22.0vw, 349px);
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

footer .kgam_ded59d152e{
    display: flex;
    align-items: center;
    gap: 10px;
    }

footer .pmn_923621d779{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    }

footer .kdla_0ac7610f08{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }

footer .fii_70d240805a{
    font-size: 0.875rem;
    line-height: 1.65;
    color: hsla(0, 0%, 100%, 0.55);
    margin: 0;
    }

footer .cll_b3d5806984{
    display: flex;
    gap: 10px;
    margin-top: 4px;
    }

footer .njcb_3f53e4f551{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.08);
    color: hsla(0, 0%, 100%, 0.7);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .njcb_3f53e4f551:hover{
    background: var(--primary-color, hsl(136, 62%, 42%));
    color: #fff;
    transform: translateY(-2px);
    }

footer .fcic_5310c3fba7{
    width: 18px;
    height: 18px;
    }

footer .mmna_219d650996{
    flex: 0 1 140px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }

footer .ndh_934a5ef6fa{
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: hsla(0, 0%, 100%, 0.4);
    margin: 0;
    }

footer .pkpo_6911eadf5c{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }

footer .bado_0babcdc2f4{
    line-height: 1;
    }

footer .dcb_72a1656a1d{
    font-size: 0.9rem;
    color: hsla(0, 0%, 100%, 0.72);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    position: relative;
    }

footer .dcb_72a1656a1d:hover{
    color: #fff;
    padding-left: 4px;
    }

footer .omdo_dfe01cdf68{
    flex: 1 1 200px;
    min-width: 180px;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-left: auto;
    }

footer .ima_557c6a8de4{
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    }

footer .pckm_17e5ba0d76{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--primary-color, hsl(136, 62%, 42%)), hsl(160, 58%, 38%));
    border-radius: var(--radius-lg, 22px);
    text-decoration: none;
    box-shadow: 0 4px 20px hsla(136, 62%, 42%, 0.35);
    transition: var(--transition, all 0.24s ease);
    width: 100%;
    text-align: center;
    }

footer .pckm_17e5ba0d76:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 28px hsla(136, 62%, 42%, 0.45);
    filter: brightness(1.08);
    }

footer .dkgc_6d244ba38e{
    font-size: 0.75rem;
    color: hsla(0, 0%, 100%, 0.4);
    text-align: center;
    width: 100%;
    }

footer .jfp_185fce2f9b{
    max-width: var(--max-width, 1440px);
    margin: 0 auto;
    padding: 20px 32px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    }

footer .jid_dd51a46363{
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, 0.38);
    flex: 1 1 auto;
    }

footer .fjc_f0fe216732{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    }

footer .mbm_061d3bc6ee{
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, 0.45);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    }

footer .mbm_061d3bc6ee:hover{
    color: #fff;
    }

footer .iaj_e9c204af85{
    font-size: 0.75rem;
    color: hsla(0, 0%, 100%, 0.2);
    }

@media (max-width: 768px) {footer .jil_8dc8fb4186{
    padding: 40px 20px 32px;
    gap: 32px 20px;
    flex-direction: column;
    }
    footer .jgbh_2a1cb6bb1c{
    max-width: 100%;
    flex: 1 1 100%;
    }
    footer .mmna_219d650996{
    flex: 1 1 calc(50% - 10px);
    }
    footer .omdo_dfe01cdf68{
    max-width: 100%;
    flex: 1 1 100%;
    margin-left: 0;
    }
    footer .pckm_17e5ba0d76{
    width: auto;
    align-self: stretch;
    }
    footer .jfp_185fce2f9b{
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;}
    footer .jid_dd51a46363{
    flex: 1 1 100%;
    }
    footer .fjc_f0fe216732{
    flex: 1 1 100%;
    }}

main.m72a6650b65 .dgn_1f77cdb53c{
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1.5rem 3.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    text-align: center;
    }

main.m72a6650b65 .dgn_1f77cdb53c::before{
    content: "";
    position: absolute;
    top: -60%;
    right: -20%;
    width: min(41.72vw, 698px);
    height: clamp(427px, 54.09vh, 710px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m72a6650b65 .dgn_1f77cdb53c::after{
    content: "";
    position: absolute;
    bottom: -40%;
    left: -10%;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m72a6650b65 .dgn_1f77cdb53c h1{
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 1rem;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    }

main.m72a6650b65 .dgn_1f77cdb53c h1 span{
    color: hsl(124, 73%, 64%);
    }

main.m72a6650b65 .oid_6d218a6990{
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    position: relative;
    z-index: 1;
    }

main.m72a6650b65 .chn_c17aaefe7e{
    max-width: clamp(761px, 76.48vw, 1280px);
    margin: 0 auto;
    padding: 0 1.25rem;
    }

main.m72a6650b65 .jjcp_c1a7ae63ba{
    padding: 3.5rem 02.5rem;
    }

main.m72a6650b65 .jjcp_c1a7ae63ba h2{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    text-align: center;
    }

main.m72a6650b65 .jjcp_c1a7ae63ba .heb_ae92116d23{
    text-align: center;
    color: hsl(124, 8%, 38%);
    font-size: 0.95rem;
    margin: 0 0 2rem;
    max-width: clamp(415px, 41.72vw, 698px);
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    }

main.m72a6650b65 .afl_1e0b8731dd{
    overflow-x: auto;
    border-radius: 14px;
    box-shadow: 0 2px 16px hsla(248, 40%, 30%, 0.08);
    background: #fff;
    }

main.m72a6650b65 .jlie_50186386e8{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
    min-width: clamp(372px, 32.04vw, 640px);
    }

main.m72a6650b65 .jlie_50186386e8 thead{
    background: linear-gradient(90deg, hsl(248, 58%, 54%), hsl(248, 50%, 62%));
    color: #fff;
    }

main.m72a6650b65 .jlie_50186386e8 thead th{
    padding: 0.9rem 1rem;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
    }

main.m72a6650b65 .jlie_50186386e8 tbody tr{
    border-bottom: 1px solid hsl(124, 7%, 91%);
    transition: background 0.15s;
    }

main.m72a6650b65 .jlie_50186386e8 tbody tr:hover{
    background: hsl(124, 20%, 96%);
    }

main.m72a6650b65 .jlie_50186386e8 tbody td{
    padding: 0.8rem 1rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    line-height: 1.5;
    }

main.m72a6650b65 .jlie_50186386e8 .jkii_6eabd23c55{
    font-weight: 600;
    white-space: nowrap;
    }

main.m72a6650b65 .foa_9771b50459{
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    }

main.m72a6650b65 .jfm_4af699317e{
    background: hsla(124, 73%, 54%, 0.14);
    color: hsl(124, 60%, 30%);
    }

main.m72a6650b65 .gnh_2edae947a5{
    background: hsla(45, 90%, 55%, 0.16);
    color: hsl(40, 70%, 30%);
    }

main.m72a6650b65 .jddj_ca656fbd30{
    padding: 2.5rem 0 3rem;
    background: hsl(248, 20%, 97%);
    }

main.m72a6650b65 .jddj_ca656fbd30 h2{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1.8rem;
    text-align: center;
    }

main.m72a6650b65 .ahl_5ae9815fa6{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    }

main.m72a6650b65 .enk_e52a2abd98{
    background: #fff;
    border-radius: 14px;
    padding: 1.6rem 1.4rem;
    box-shadow: 0 2px 12px hsla(248, 40%, 30%, 0.06);
    transition: transform 0.2s, box-shadow 0.2s;
    border-top: 3px solid hsl(248, 58%, 54%);
    }

main.m72a6650b65 .enk_e52a2abd98:hover{
    transform: translateY(-3px);
    box-shadow: 0 6px 24px hsla(248, 40%, 30%, 0.12);
    }

main.m72a6650b65 .enk_e52a2abd98 h3{
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
    color: hsl(248, 58%, 48%);
    }

main.m72a6650b65 .enk_e52a2abd98 p{
    font-size: 0.9rem;
    line-height: 1.65;
    color: hsl(124, 8%, 30%);
    margin: 0 0 0.5rem;
    }

main.m72a6650b65 .enk_e52a2abd98 .bieb_6376c5958d{
    display: inline-block;
    font-size: 0.78rem;
    padding: 0.2rem 0.5rem;
    border-radius: 5px;
    background: hsla(0, 60%, 55%, 0.1);
    color: hsl(0, 55%, 42%);
    font-weight: 600;
    margin-top: 0.3rem;
    }

main.m72a6650b65 .fhab_e6ee2a7873{
    padding: 3rem 0;
    }

main.m72a6650b65 .fhab_e6ee2a7873 h2{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    }

main.m72a6650b65 .fhab_e6ee2a7873 .heb_ae92116d23{
    color: hsl(124, 8%, 38%);
    font-size: 0.95rem;
    margin: 0 0 2rem;
    line-height: 1.6;max-width: clamp(429px, 43.11vw, 722px);
    }

main.m72a6650b65 .opi_236e1695ed{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    }

main.m72a6650b65 .nik_35e3da0408{
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 4px 20px hsla(248, 40%, 30%, 0.1);
    object-fit: cover;
    aspect-ratio: 4/3;
    }

main.m72a6650b65 .bpe_9b70f991da{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step;
    }

main.m72a6650b65 .bpe_9b70f991da li{
    counter-increment: step;
    position: relative;
    padding: 0.9rem 0 0.9rem 3.2rem;
    font-size: 0.93rem;
    line-height: 1.6;
    color: hsl(124, 8%, 22%);
    border-bottom: 1px solid hsl(124, 7%, 91%);
    }

main.m72a6650b65 .bpe_9b70f991da li:last-child{
    border-bottom: none;
    }

main.m72a6650b65 .bpe_9b70f991da li::before{
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: linear-gradient(135deg, hsl(124, 73%, 54%), hsl(124, 60%, 42%));
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.m72a6650b65 .ilf_2bf6cfee2d{
    padding: 2.5rem 0 3rem;
    background: linear-gradient(180deg, hsl(124, 7%, 96%) 0%, #fff 100%);
    }

main.m72a6650b65 .ilf_2bf6cfee2d h2{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    text-align: center;
    }

main.m72a6650b65 .ilf_2bf6cfee2d .heb_ae92116d23{
    text-align: center;
    color: hsl(124, 8%, 38%);
    font-size: 0.95rem;
    margin: 0 auto 2rem;
    max-width: clamp(401px, 40.33vw, 675px);
    line-height: 1.6;
    }

main.m72a6650b65 .fgoi_0039b488c2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    }

main.m72a6650b65 .boei_6df9cc0508{
    background: #fff;
    border-radius: 12px;
    padding: 1.4rem 1.3rem;
    box-shadow: 0 2px 10px hsla(248, 40%, 30%, 0.06);
    border-left: 4px solid hsl(124, 73%, 54%);
    }

main.m72a6650b65 .boei_6df9cc0508 h3{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.45rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m72a6650b65 .boei_6df9cc0508 p{
    font-size: 0.88rem;
    line-height: 1.6;
    color: hsl(124, 8%, 32%);
    margin: 0;
    }

main.m72a6650b65 .kbkm_3b9efe1b89{
    padding: 3rem 0 2.5rem;
    }

main.m72a6650b65 .kbkm_3b9efe1b89 h2{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    text-align: center;
    }

main.m72a6650b65 .kbkm_3b9efe1b89 .heb_ae92116d23{
    text-align: center;
    color: hsl(124, 8%, 38%);
    font-size: 0.95rem;
    margin: 0 auto 2rem;
    max-width: clamp(415px, 41.72vw, 698px);
    line-height: 1.6;
    }

main.m72a6650b65 .jbf_b04f67f726{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    }

main.m72a6650b65 .iif_5fdd87904b{
    background: linear-gradient(135deg, hsl(248, 40%, 97%), #fff);
    border-radius: 14px;
    padding: 1.5rem 1.4rem;
    box-shadow: 0 2px 12px hsla(248, 40%, 30%, 0.06);
    }

main.m72a6650b65 .iif_5fdd87904b h3{
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: hsl(248, 58%, 48%);
    }

main.m72a6650b65 .iif_5fdd87904b p{
    font-size: 0.9rem;
    line-height: 1.6;
    color: hsl(124, 8%, 28%);
    margin: 0;
    }

main.m72a6650b65 .compat-cta{
    padding: 2.5rem 0;
    text-align: center;
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 50%, 44%));
    color: #fff;
    }

main.m72a6650b65 .compat-cta p{
    font-size: 1.05rem;
    margin: 0 0 1.2rem;
    opacity: 0.93;
    line-height: 1.6;
    }

main.m72a6650b65 .cta-btn{
    display: inline-block;
    padding: 0.85rem 2.2rem;
    background: hsl(124, 73%, 54%);
    color: hsl(124, 10%, 10%);
    font-weight: 700;
    font-size: 1rem;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(124, 73%, 40%, 0.3);
    transition: transform 0.15s, box-shadow 0.15s;
    }

main.m72a6650b65 .cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(124, 73%, 40%, 0.4);
    }

footer.iih_2806fa0361{
    padding: 2rem 1.5rem;
    text-align: center;
    background: hsl(248, 30%, 16%);
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 0.85rem;
    line-height: 1.7;
    }

footer.iih_2806fa0361 a{
    color: hsl(124, 60%, 60%);
    text-decoration: none;
    }

footer.iih_2806fa0361 a:hover{
    text-decoration: underline;
    }

footer.iih_2806fa0361-links{
    margin-top: 0.6rem;
    }

footer.iih_2806fa0361-links a{
    margin: 0 0.6rem;
    }

@media (max-width: 860px) {main.m72a6650b65 .ahl_5ae9815fa6{
    grid-template-columns: 1fr;
    }
    main.m72a6650b65 .opi_236e1695ed{
    grid-template-columns: 1fr;
    }
    main.m72a6650b65 .fgoi_0039b488c2{
    grid-template-columns: 1fr;
    }
    main.m72a6650b65 .jbf_b04f67f726{
    grid-template-columns: 1fr;
    }
    main.m72a6650b65 .dgn_1f77cdb53c h1{
    font-size: 1.7rem;
    }}

@media (max-width: 480px) {main.m72a6650b65 .dgn_1f77cdb53c{
    padding: 3rem 1rem 2.5rem;
    }
    main.m72a6650b65 .dgn_1f77cdb53c h1{
    font-size: 1.45rem;
    }
    main.m72a6650b65 .jlie_50186386e8{
    font-size: 0.82rem;
    }}

footer.iih_2806fa0361{
    position: relative;
    background: linear-gradient(165deg, hsl(250, 40%, 14%) 0%, hsl(240, 35%, 10%) 50%, hsl(130, 30%, 8%) 100%);
    padding: 56px 24px 36px;
    overflow: hidden; color: #ffffff;}

footer .bmd_efc3260bbe{
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: min(41.72vw, 698px);
    height: 200px;
    background: radial-gradient(ellipse, hsla(136, 62%, 42%, 0.15) 0%, transparent 70%);
    pointer-events: none;
    }

footer .dig_b22d6dc00e{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1;
    }

footer .hhjg_673d714581{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    flex-wrap: wrap;
    }

footer .bam_0f9f23f229{
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 auto;
    }

footer .dedc_e72dbaf632{
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, var(--primary-color, hsl(136, 62%, 42%)), hsl(170, 60%, 50%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

footer .igcf_1a6cb881cd{
    font-size: 13px;
    color: hsla(220, 20%, 80%, 0.5);
    margin: 0;
    letter-spacing: 0.3px;
    }

footer .hnji_215f2528df{
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;flex: 0 1 auto;
    }

footer .gem_52a46a914f{
    color: hsla(220, 20%, 85%, 0.75);
    text-decoration: none;
    font-size: 14px;
    padding: 6px 16px;
    border-radius: var(--radius-sm, 7px);
    transition: var(--transition, all 0.24s ease);
    white-space: nowrap;
    }

footer .gem_52a46a914f:hover{
    color: #fff;
    background: hsla(136, 62%, 42%, 0.12);
    }

footer .gem_52a46a914f:focus-visible{
    outline: 2px solid var(--primary-color, hsl(136, 62%, 42%));
    outline-offset: 2px;
    }

footer .bde_6ca6d883e6{
    width: 1px;
    height: 14px;
    background: hsla(220, 20%, 80%, 0.15);
    flex: 0 0 1px;
    }

footer .mhf_d82fb3b7e9{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-top: 28px;
    border-top: 1px solid hsla(220, 20%, 80%, 0.08);
    flex-wrap: wrap;
    }

footer .iko_36d659fc26{
    font-size: 13px;
    color: hsla(220, 20%, 80%, 0.4);
    margin: 0;
    flex: 11 auto;
    }

footer .olfl_c72f14e79f{
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
    }

footer .fpj_667d3110a1{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: hsla(220, 20%, 80%, 0.06);
    color: hsla(220, 20%, 85%, 0.55);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .fpj_667d3110a1:hover{
    background: hsla(136, 62%, 42%, 0.18);
    color: var(--primary-color, hsl(136, 62%, 42%));
    transform: translateY(-2px);
    }

footer .fpj_667d3110a1:focus-visible{
    outline: 2px solid var(--primary-color, hsl(136, 62%, 42%));
    outline-offset: 2px;
    }

footer .ofd_ec70219363{
    width: 18px;
    height: 18px;
    }

@media (max-width: 680px) {footer.iih_2806fa0361{
    padding: 40px 16px 28px;
    }
    footer .hhjg_673d714581{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    }
    footer .bam_0f9f23f229{
    align-items: center;
    }
    footer .hnji_215f2528df{
    justify-content: center;
    }
    footer .mhf_d82fb3b7e9{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    }
    footer .iko_36d659fc26{
    text-align: center;
    }
    footer .bmd_efc3260bbe{
    width: min(22.0vw, 349px);
    height: 120px;
    }}

main.m68aeefb8fb .oop_c33a3e66ca{
    position: relative;
    overflow: hidden;
    padding: 3.5rem 1.5rem 2.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    border-radius: 0 0 2rem 2rem;
    }

main.m68aeefb8fb .oop_c33a3e66ca::after{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    pointer-events: none;
    }

main.m68aeefb8fb .nenk_ab647f2e1f{
    max-width: clamp(622px, 62.57vw, 1048px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.m68aeefb8fb .oop_c33a3e66ca h1{
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
    }

main.m68aeefb8fb .oop_c33a3e66ca p{
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0;
    }

main.m68aeefb8fb .jjhi_4bbd86f2fa{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 1.25rem;
    }

main.m68aeefb8fb .pjd_aacc4ace78{
    padding: 3rem 02rem;
    }

main.m68aeefb8fb .pjd_aacc4ace78 h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    }

main.m68aeefb8fb .pjd_aacc4ace78 > p{
    color: #555;
    font-size: 0.95rem;
    margin: 00 1.5rem;
    line-height: 1.6;
    }

main.m68aeefb8fb .blkg_0dc65dd212{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    }

main.m68aeefb8fb .gmhk_7cffc2b274{
    background: #fff;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 2px 12px hsla(248, 40%, 30%, 0.07);
    border-left: 4px solid hsl(248, 58%, 54%);
    transition: box-shadow 0.2s, transform 0.2s;
    }

main.m68aeefb8fb .gmhk_7cffc2b274:hover{
    box-shadow: 0 6px 24px hsla(248, 40%, 30%, 0.13);
    transform: translateY(-2px);
    }

main.m68aeefb8fb .gmhk_7cffc2b274 .nkgg_e31d9df3d6{
    display: inline-block;
    background: hsla(248, 58%, 54%, 0.1);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.82rem;
    padding: 0.2rem 0.6rem;
    border-radius: 0.4rem;
    margin-bottom: 0.6rem;
    font-family: "Courier New", monospace;
    }

main.m68aeefb8fb .gmhk_7cffc2b274 h3{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m68aeefb8fb .gmhk_7cffc2b274 p{
    font-size: 0.88rem;
    color: #555;
    line-height: 1.6;
    margin: 0 0 0.6rem;
    }

main.m68aeefb8fb .gmhk_7cffc2b274 code{
    display: block;
    background: hsl(220, 15%, 96%);
    color: hsl(248, 50%, 35%);
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    }

main.m68aeefb8fb .onjb_8b4067bacc{
    padding: 2.5rem 0;
    }

main.m68aeefb8fb .onjb_8b4067bacc h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.4rem;
    }

main.m68aeefb8fb .onjb_8b4067bacc > p{
    color: #555;
    font-size: 0.95rem;
    margin: 0 0 1.5rem;
    line-height: 1.6;
    }

main.m68aeefb8fb .glke_7542ed0eb2{
    position: relative;
    padding-left: 2.2rem;
    }

main.m68aeefb8fb .glke_7542ed0eb2::before{
    content: "";
    position: absolute;
    left: 0.65rem;
    top: 0.3rem;
    bottom: 0.3rem;
    width: 3px;
    background: linear-gradient(180deg, hsl(124, 73%, 54%), hsl(248, 58%, 54%));border-radius: 2px;
    }

main.m68aeefb8fb .mjl_0d30ead184{
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border-radius: 0.9rem;
    box-shadow: 0 2px 10px hsla(248, 40%, 30%, 0.06);
    }

main.m68aeefb8fb .mjl_0d30ead184::before{
    content: attr(data-step);
    position: absolute;
    left: -2.2rem;
    top: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: hsl(124, 73%, 54%);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 2px 6px hsla(124, 73%, 40%, 0.3);
    }

main.m68aeefb8fb .mjl_0d30ead184 h3{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.4rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m68aeefb8fb .mjl_0d30ead184 p{
    font-size: 0.88rem;
    color: #555;
    line-height: 1.65;
    margin: 0;
    }

main.m68aeefb8fb .mjl_0d30ead184 code{
    background: hsl(220, 15%, 96%);
    color: hsl(248, 50%, 35%);
    padding: 0.15rem 0.45rem;
    border-radius: 0.3rem;
    font-size: 0.82rem;
    }

main.m68aeefb8fb .gco_43de98ae80{
    padding: 2.5rem 0;
    }

main.m68aeefb8fb .gco_43de98ae80 h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1.5rem;
    }

main.m68aeefb8fb .ebl_5d7b96dcff{
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    }

main.m68aeefb8fb .kgg_0cfbb89f56{
    padding: 0.5rem 1.2rem;
    border-radius: 2rem;
    border: 2px solid hsl(248, 58%, 54%);
    background: transparent;
    color: hsl(248, 58%, 54%);
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s;
    }

main.m68aeefb8fb .kgg_0cfbb89f56.lejj_63679539a9, main.m68aeefb8fb .kgg_0cfbb89f56:hover{
    background: hsl(248, 58%, 54%);
    color: #fff;
    }

main.m68aeefb8fb .ghko_5128fc0b04{
    display: none;
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 2px 12px hsla(248, 40%, 30%, 0.07);
    }

main.m68aeefb8fb .ghko_5128fc0b04.lejj_63679539a9{
    display: block;
    }

main.m68aeefb8fb .ghko_5128fc0b04 h3{
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m68aeefb8fb .ghko_5128fc0b04 ul{
    list-style: none;
    padding: 0;margin: 0;
    }

main.m68aeefb8fb .ghko_5128fc0b04 li{
    padding: 0.6rem 0;
    border-bottom: 1px solid hsl(220, 15%, 93%);
    font-size: 0.9rem;
    color: #444;
    line-height: 1.6;
    }

main.m68aeefb8fb .ghko_5128fc0b04 li:last-child{
    border-bottom: none;
    }

main.m68aeefb8fb .ghko_5128fc0b04 li code{
    background: hsl(220, 15%, 96%);
    color: hsl(248, 50%, 35%);
    padding: 0.12rem 0.4rem;
    border-radius: 0.3rem;
    font-size: 0.82rem;
    }

main.m68aeefb8fb .flpl_7a21effca0{
    padding: 2.5rem 0;
    }

main.m68aeefb8fb .mil_d5dc92a4dc{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: center;
    background: #fff;
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 4px 20px hsla(248, 40%, 30%, 0.08);
    }

main.m68aeefb8fb .gppb_3a8bfc67ae{
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
    }

main.m68aeefb8fb .cgn_7941fb4780{
    padding: 2rem 2rem 2rem 1rem;
    }

main.m68aeefb8fb .cgn_7941fb4780 h2{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.75rem;
    }

main.m68aeefb8fb .cgn_7941fb4780 p{
    font-size: 0.9rem;
    color: #555;
    line-height: 1.7;
    margin: 0 0 1rem;
    }

main.m68aeefb8fb .cgn_7941fb4780 .heic_317c6d2867{
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: hsl(248, 58%, 54%);
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: gap 0.2s;
    }

main.m68aeefb8fb .cgn_7941fb4780 .heic_317c6d2867:hover{
    gap: 0.6rem;
    }

main.m68aeefb8fb .ench_bb4690e3bd{
    padding: 2.5rem 0 3rem;
    }

main.m68aeefb8fb .ench_bb4690e3bd h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1.25rem;
    }

main.m68aeefb8fb .llm_9b551a03ff{
    background: #fff;
    border-radius: 0.9rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 1px 8px hsla(248, 40%, 30%, 0.05);
    overflow: hidden;
    }

main.m68aeefb8fb .ofd_b25fe18c15{
    width: 100%;
    text-align: left;
    padding: 1rem1.25rem;
    background: none;
    border: none;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-color, hsl(124, 10%, 10%));
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;transition: background 0.2s;
    }

main.m68aeefb8fb .ofd_b25fe18c15:hover{
    background: hsla(248, 58%, 54%, 0.04); color: #ffffff;}

main.m68aeefb8fb .ofd_b25fe18c15 .ben_9db16dc9af{
    font-size: 1.2rem;
    transition: transform 0.3s;
    color: hsl(248, 58%, 54%);
    flex-shrink: 0;margin-left: 0.5rem;
    }

main.m68aeefb8fb .llm_9b551a03ff.open .ben_9db16dc9af{
    transform: rotate(45deg);
    }

main.m68aeefb8fb .fgkh_d315770ed3{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 1.25rem;
    }

main.m68aeefb8fb .llm_9b551a03ff.open .fgkh_d315770ed3{
    max-height: clamp(213px, 27.04vh, 355px);
    padding: 0 1.25rem 1rem;
    }

main.m68aeefb8fb .fgkh_d315770ed3 p{
    font-size: 0.88rem;
    color: #555;
    line-height: 1.7;
    margin: 0;
    }

main.m68aeefb8fb .fgkh_d315770ed3 code{
    background: hsl(220, 15%, 96%);
    color: hsl(248, 50%, 35%);
    padding: 0.12rem 0.4rem;
    border-radius: 0.3rem;
    font-size: 0.82rem;
    }

main.m68aeefb8fb .ts-cta-bar{
    text-align: center;
    padding: 2rem 0 3rem;
    }

main.m68aeefb8fb .ts-cta-btn{
    display: inline-block;
    padding: 0.85rem 2.2rem;
    background: linear-gradient(135deg, hsl(124, 73%, 48%), hsl(124, 73%, 40%));
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 2rem;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(124, 73%, 40%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m68aeefb8fb .ts-cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(124, 73%, 40%, 0.45);
    }

.ts-footer.cdnp_83ba8c449a{
    background: hsl(248, 30%, 18%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 2rem 1.5rem;
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.8;
    }

.ts-footer.cdnp_83ba8c449a a{
    color: hsl(124, 73%, 60%);
    text-decoration: none;
    }

.ts-footer.cdnp_83ba8c449a a:hover{
    text-decoration: underline;
    }

@media (max-width: 680px) {main.m68aeefb8fb .mil_d5dc92a4dc{
    grid-template-columns: 1fr;
    }
    main.m68aeefb8fb .cgn_7941fb4780{
    padding: 1.5rem;
    }
    main.m68aeefb8fb .gppb_3a8bfc67ae{
    min-height: 180px;
    }
    main.m68aeefb8fb .blkg_0dc65dd212{
    grid-template-columns: 1fr;
    }
    main.m68aeefb8fb .ebl_5d7b96dcff{
    flex-wrap: wrap;
    }}

footer.cdnp_83ba8c449a{
    background: linear-gradient(170deg, hsl(252, 56%, 18%) 0%, hsl(252, 48%, 12%) 100%);
    padding: 48px 24px 32px;
    position: relative;
    overflow: hidden; color: #ffffff;}

footer.cdnp_83ba8c449a::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(22.25vw, 372px);
    height: clamp(228px, 28.85vh, 379px);
    background: radial-gradient(circle, hsla(136, 62%, 42%, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

footer .opgp_69decac002{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 36px;
    }

footer .bnce_d955651984{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    }

footer .jpcj_fbefdeb4f6{
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 auto;
    }

footer .mog_7511a23341{
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #ffffff;
    background: linear-gradient(135deg, hsl(136, 62%, 55%), hsl(170, 60%, 50%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

footer .kklf_830aa0dfdf{
    font-size: 0.85rem;
    color: hsla(240, 20%, 80%, 0.6);
    margin: 0;
    letter-spacing: 0.02em;
    }

footer .fkdp_d0e50d9483{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 11 auto;
    justify-content: flex-end;
    }

footer .jled_e130e71cc8{
    color: hsla(240, 20%, 85%, 0.85);
    text-decoration: none;
    font-size: 0.88rem;
    padding: 6px 12px;
    border-radius: var(--radius-sm, 7px);
    transition: var(--transition, all 0.24s ease);
    white-space: nowrap;
    }

footer .jled_e130e71cc8:hover{
    color: #ffffff;
    background: hsla(136, 62%, 42%, 0.15);
    }

footer .jled_e130e71cc8:focus-visible{
    outline: 2px solid hsl(136, 62%, 42%);
    outline-offset: 2px;
    }

footer .iejf_8ce4c11c2f{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: hsla(240, 20%, 70%, 0.3);
    flex: 0 0 auto;
    }

footer .map_a2a45a24ab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 24px;
    border-top: 1px solid hsla(240, 20%, 60%, 0.12);
    flex-wrap: wrap;
    }

footer .ofc_c3c4a8b311{
    font-size: 0.8rem;
    color: hsla(240, 20%, 70%, 0.5);
    flex: 1 1 auto;
    }

footer .bhi_48ea2e76a5{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    }

footer .jpf_d3b84d9d87{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: hsla(240, 20%, 80%, 0.7);
    background: hsla(240, 20%, 60%, 0.08);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .jpf_d3b84d9d87:hover{
    color: #ffffff;
    background: hsla(136, 62%, 42%, 0.2);
    transform: translateY(-2px);
    }

footer .jpf_d3b84d9d87:focus-visible{
    outline: 2px solid hsl(136, 62%, 42%);
    outline-offset: 2px;
    }

footer .eba_a7bcde0b2a{
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    }

@media (max-width: 640px) {footer.cdnp_83ba8c449a{
    padding: 36px 16px 24px;
    }
    footer .bnce_d955651984{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    }
    footer .jpcj_fbefdeb4f6{
    align-items: center;
    }
    footer .fkdp_d0e50d9483{
    justify-content: center;
    }
    footer .map_a2a45a24ab{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    }
    footer .ofc_c3c4a8b311{
    text-align: center;
    }
    footer .bhi_48ea2e76a5{
    justify-content: center;
    }}

main.m4068a55305 .lbnl_004158549f{
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1.5rem 3.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    text-align: center;
    }

main.m4068a55305 .lbnl_004158549f::before{
    content: "";
    position: absolute;
    top: -60%;
    right: -20%;
    width: min(41.72vw, 698px);
    height: clamp(427px, 54.09vh, 710px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m4068a55305 .lbnl_004158549f::after{
    content: "";
    position: absolute;
    bottom: -40%;
    left: -10%;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(248, 58%, 70%, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m4068a55305 .lbnl_004158549f h1{
    position: relative;
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
    }

main.m4068a55305 .job_860ba8a3a4{
    position: relative;
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    }

main.m4068a55305 .vlog-wrap{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 1.25rem;
    }

main.m4068a55305 .egfp_1a414f10f3{
    padding: 3rem 1.25rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m4068a55305 .pccf_bc8bf13eeb{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    }

main.m4068a55305 .egfp_1a414f10f3 h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1.5rem;
    }

main.m4068a55305 .fil_a95c982dda{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    }

main.m4068a55305 .nip_2b59f45f10{
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px hsla(248, 40%, 20%, 0.07);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m4068a55305 .nip_2b59f45f10:hover{
    transform: translateY(-3px);
    box-shadow: 0 6px 24px hsla(248, 40%, 20%, 0.12);
    }

main.m4068a55305 .ofd_1263a06093{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    }

main.m4068a55305 .ofd_1263a06093 .mjkp_daa004e21d{
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    }

main.m4068a55305 .mjkp_daa004e21d.ekim_4c43b5dc65{ background: linear-gradient(135deg, hsl(210, 80%, 50%), hsl(210, 70%, 40%)); }

main.m4068a55305 .mjkp_daa004e21d.oamn_f7395adf83{ background: linear-gradient(135deg, hsl(0, 0%, 25%), hsl(0, 0%, 15%)); color: #ffffff;}

main.m4068a55305 .mjkp_daa004e21d.fhof_66b6ef7ec1{ background: linear-gradient(135deg, hsl(35, 85%, 55%), hsl(25, 80%, 45%)); }

main.m4068a55305 .ofd_1263a06093 span:last-child{
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m4068a55305 .nip_2b59f45f10 .dpk_1b8982263c{
    font-size: 1.3rem;
    font-weight: 800;
    color: hsl(248, 58%, 54%);margin-bottom: 0.25rem;
    }

main.m4068a55305 .nip_2b59f45f10 .pamd_50e0f4f6de{
    font-size: 0.82rem;
    color: hsl(124, 5%, 50%);
    margin-bottom: 0.6rem;
    }

main.m4068a55305 .nip_2b59f45f10 .gal_f3ffd0738e{
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    }

main.m4068a55305 .himj_ea2df497ef{
    background: hsla(124, 73%, 54%, 0.14);
    color: hsl(124, 60%, 30%);
    }

main.m4068a55305 .aeg_665ea48736{
    background: hsla(248, 58%, 54%, 0.1);
    color: #ffffff;
    }

main.m4068a55305 .jcmk_faebca2944{
    padding: 3rem 1.25rem 2rem;
    background: #fff;
    }

main.m4068a55305 .jjjf_af5059ff9e{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    }

main.m4068a55305 .jcmk_faebca2944 h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.4rem;
    }

main.m4068a55305 .lnmg_0a11ee2ce8{
    font-size: 0.92rem;
    color: hsl(124, 5%, 50%);
    margin: 0 0 2rem;
    }

main.m4068a55305 .klgn_18bcf84a81{
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    }

main.m4068a55305 .klgn_18bcf84a81 button{
    padding: 0.45rem 1.1rem;
    border-radius: 24px;
    border: 2px solid hsl(248, 20%, 88%);
    background: transparent;
    font-size: 0.85rem;
    font-weight: 600;
    color: hsl(248, 20%, 45%);
    cursor: pointer;
    transition: all 0.2s;
    }

main.m4068a55305 .klgn_18bcf84a81 button:hover, main.m4068a55305 .klgn_18bcf84a81 button.jeh_2dabbd4bf2{
    background: hsl(248, 58%, 54%);
    border-color: hsl(248, 58%, 54%);
    color: #fff;
    }

main.m4068a55305 .jmjk_3e2b4bac31{
    position: relative;
    padding-left: 2.5rem;
    }

main.m4068a55305 .jmjk_3e2b4bac31::before{
    content: "";
    position: absolute;
    left: 11px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, hsl(248, 58%, 54%), hsl(124, 73%, 54%));
    border-radius: 3px;
    }

main.m4068a55305 .blpp_58f4fe012e{
    position: relative;
    margin-bottom: 2.5rem;
    padding-bottom: 0;
    }

main.m4068a55305 .blpp_58f4fe012e:last-child{ margin-bottom: 0; }

main.m4068a55305 .ieb_36e7d4efd1{
    position: absolute;
    left: -2.5rem;
    top: 0.2rem;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid hsl(248, 58%, 54%);
    z-index: 1;
    }

main.m4068a55305 .blpp_58f4fe012e:first-child .ieb_36e7d4efd1{
    background: hsl(124, 73%, 54%);
    border-color: hsl(124, 73%, 54%);box-shadow: 0 0 0 4px hsla(124, 73%, 54%, 0.2);
    }

main.m4068a55305 .ekin_e1881069c4{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
    }

main.m4068a55305 .doh_2d23a9503c{
    font-size: 1.15rem;
    font-weight: 800;
    color: hsl(248, 58%, 48%);
    }

main.m4068a55305 .nakc_c69cd60a5d{
    padding: 0.15rem 0.6rem;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    }

main.m4068a55305 .dbd_0e27b191e4{ background: hsla(210, 80%, 50%, 0.12); color: hsl(210, 70%, 40%); }

main.m4068a55305 .gbjh_71bbdc4dd6{ background: hsla(0, 0%, 20%, 0.1); color: #ffffff; }

main.m4068a55305 .jcnf_952a283724{ background: hsla(35, 85%, 55%, 0.12); color: hsl(25, 70%, 35%); }

main.m4068a55305 .bcgb_ff5d3a027c{
    font-size: 0.82rem;
    color: hsl(124, 5%, 50%);
    }

main.m4068a55305 .oefd_d832678d48{
    background: hsl(124, 7%, 96%);
    border-radius: 14px;
    padding: 1.25rem 1.4rem;
    }

main.m4068a55305 .khe_4152e1ec4b{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
    }

main.m4068a55305 .dnli_94cf9150ee{ color: hsl(124, 60%, 35%); }

main.m4068a55305 .opko_33abcd37e0{ color: hsl(20, 80%, 45%); }

main.m4068a55305 .kjeo_db2ea58315{ color: hsl(248, 50%, 50%); }

main.m4068a55305 .khe_4152e1ec4b .npjp_cbdce6c96c{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    }

main.m4068a55305 .dnli_94cf9150ee .npjp_cbdce6c96c{ background: hsl(124, 73%, 54%); }

main.m4068a55305 .opko_33abcd37e0 .npjp_cbdce6c96c{ background: hsl(20, 80%, 50%); }

main.m4068a55305 .kjeo_db2ea58315 .npjp_cbdce6c96c{ background: hsl(248, 58%, 54%); color: #ffffff;}

main.m4068a55305 .oefd_d832678d48 ul{
    margin: 0 0 1rem;
    padding-left: 1.1rem;
    list-style: none;
    }

main.m4068a55305 .oefd_d832678d48 ul li{
    position: relative;
    padding-left: 0.2rem;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    line-height: 1.6;
    color: hsl(124, 8%, 25%);
    }

main.m4068a55305 .oefd_d832678d48 ul li::before{
    content: "›";
    position: absolute;
    left: -1rem;
    color: hsl(248, 40%, 65%);
    font-weight: 700;
    }

main.m4068a55305 .oefd_d832678d48 ul:last-child{ margin-bottom: 0; }

main.m4068a55305 .vlog-check{
    padding: 3rem 1.25rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m4068a55305 .vlog-check-inner{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    }

main.m4068a55305 .vlog-check-text h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1rem;
    }

main.m4068a55305 .check-steps{
    counter-reset: step;
    list-style: none;
    padding: 0;
    margin: 0;
    }

main.m4068a55305 .check-steps li{
    counter-increment: step;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.92rem;
    line-height: 1.6;
    color: hsl(124, 8%, 25%);
    }

main.m4068a55305 .check-steps li::before{
    content: counter(step);
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 58%, 44%));
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.m4068a55305 .check-steps li strong{
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m4068a55305 .vlog-check-img{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px hsla(248, 40%, 20%, 0.1);
    }

main.m4068a55305 .vlog-check-img img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m4068a55305 .vlog-upgrade{
    padding: 3rem 1.25rem;
    background: #fff;
    }

main.m4068a55305 .vlog-upgrade-inner{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    }

main.m4068a55305 .vlog-upgrade h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    }

main.m4068a55305 .vlog-upgrade-sub{
    font-size: 0.92rem;
    color: hsl(124, 5%, 50%);
    margin: 0 0 1.5rem;
    }

main.m4068a55305 .upgrade-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    }

main.m4068a55305 .upgrade-item{
    background: hsl(124, 7%, 96%);
    border-radius: 14px;
    padding: 1.3rem 1.4rem;
    border-left: 4px solid hsl(248, 58%, 54%);
    }

main.m4068a55305 .upgrade-item h3{
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    }

main.m4068a55305 .upgrade-item p{
    font-size: 0.88rem;
    line-height: 1.65;
    color: hsl(124, 8%, 30%);
    margin: 0;
    }

main.m4068a55305 .upgrade-item code{
    background: hsla(248, 58%, 54%, 0.08);
    padding: 0.1rem 0.4rem;
    border-radius: 5px;
    font-size: 0.82rem;
    color: #ffffff;
    }

main.m4068a55305 .vlog-cta{
    padding: 3rem 1.25rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 50%, 42%) 100%);
    text-align: center;
    color: #fff;
    }

main.m4068a55305 .vlog-cta-inner{
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto;
    }

main.m4068a55305 .vlog-cta h2{
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
    }

main.m4068a55305 .vlog-cta p{
    font-size: 0.95rem;
    opacity: 0.9;
    margin: 0 0 1.5rem;line-height: 1.6;
    }

main.m4068a55305 .cta-buttons{
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
    }

main.m4068a55305 .btn-primary-cta{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem 2rem;
    border-radius: 28px;
    background: hsl(124, 73%, 54%);
    color: hsl(124, 10%, 10%);
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;box-shadow: 0 4px 16px hsla(124, 73%, 54%, 0.35);
    }

main.m4068a55305 .btn-primary-cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(124, 73%, 54%, 0.45);
    }

main.m4068a55305 .btn-secondary-cta{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem 2rem;
    border-radius: 28px;
    background: hsla(255, 100%, 100%, 0.15);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid hsla(255, 100%, 100%, 0.3);
    transition: background 0.2s;
    }

main.m4068a55305 .btn-secondary-cta:hover{
    background: hsla(255, 100%, 100%, 0.25);
    }

footer.ieh_91e1d35979{
    background: hsl(248, 30%, 16%);
    color: hsla(0, 0%, 100%, 0.6);
    padding: 2rem 1.25rem;
    text-align: center;font-size: 0.82rem;
    line-height: 1.7;
    }

footer.ieh_91e1d35979 a{
    color: hsla(0, 0%, 100%, 0.75);
    text-decoration: none;
    }

footer.ieh_91e1d35979 a:hover{
    color: hsl(124, 73%, 54%);
    }

@media (max-width: 768px) {main.m4068a55305 .lbnl_004158549f{ padding: 3rem 1rem2.5rem; }
    main.m4068a55305 .lbnl_004158549f h1{ font-size: 1.6rem; }
    main.m4068a55305 .fil_a95c982dda{ grid-template-columns: 1fr; }
    main.m4068a55305 .vlog-check-inner{ grid-template-columns: 1fr; }
    main.m4068a55305 .upgrade-grid{ grid-template-columns: 1fr; }
    main.m4068a55305 .jmjk_3e2b4bac31{ padding-left: 2rem; }
    main.m4068a55305 .ieb_36e7d4efd1{ left: -2rem; width: 18px; height: 18px; }
    main.m4068a55305 .jmjk_3e2b4bac31::before{ left: 8px; }
    main.m4068a55305 .ekin_e1881069c4{ flex-direction: column; align-items: flex-start; gap: 0.35rem; }}

@media (max-width: 480px) {main.m4068a55305 .lbnl_004158549f h1{ font-size: 1.35rem; }
    main.m4068a55305 .cta-buttons{ flex-direction: column; align-items: center; }}

footer.ieh_91e1d35979{
    position: relative;
    background: linear-gradient(165deg, hsl(252, 48%, 18%) 0%, hsl(240, 42%, 12%) 50%, hsl(252, 56%, 16%) 100%);
    padding: 48px 24px 32px;
    overflow: hidden; color: #ffffff;}

footer .jlf_f9af59c976{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    position: relative;
    z-index: 2;
    }

footer .lna_2c83271611{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-wrap: wrap;
    gap: 24px;
    }

footer .jbl_e0a3e239d7{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    }

footer .hmmd_b497cfd7c1{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.3px;
    background: linear-gradient(135deg, hsl(136, 62%, 55%), hsl(170, 60%, 50%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

footer .mpp_37a9f80f30{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
    letter-spacing: 0.2px;
    }

footer .bpj_2bd1e596f7{
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    }

footer .cmif_4920744248{
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: var(--radius-sm, 7px);
    transition: var(--transition, all 0.24s ease);
    white-space: nowrap;
    }

footer .cmif_4920744248:hover{
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    }

footer .dhe_de10adc2da{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    flex: 0 0 3px;
    }

footer .dhma_f113d726ea{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    flex-wrap: wrap;
    gap: 12px;
    }

footer .kgeb_3fc6c8278b{
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.3);
    flex: 0 1 auto;
    }

footer .blim_5be77f802a{
    font-size: 12px;
    color: rgba(255, 255, 255, 0.22);
    flex: 0 0 auto;font-family: "SF Mono", "Fira Code", monospace;
    letter-spacing: 0.3px;
    }

footer .fmdk_abf8c4fd43{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: min(34.76vw, 582px);
    height: 180px;
    background: radial-gradient(ellipse, hsla(136, 62%, 42%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
    }

@media (max-width: 640px) {footer.ieh_91e1d35979{
    padding: 36px 16px 24px;}
    footer .lna_2c83271611{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    }
    footer .bpj_2bd1e596f7{
    gap: 4px;
    }
    footer .cmif_4920744248{
    padding: 5px 8px;
    font-size: 13px;
    }
    footer .dhma_f113d726ea{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    }
    footer .fmdk_abf8c4fd43{
    width: min(22.0vw, 349px);
    height: 120px;
    }}

main.m4ea9c73ec2 .cnif_cf258ff960{
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1.5rem 3.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    text-align: center;
    }

main.m4ea9c73ec2 .cnif_cf258ff960::before{
    content: "";
    position: absolute;
    top: -60%;
    right: -20%;
    width: min(41.72vw, 698px);
    height: clamp(427px, 54.09vh, 710px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m4ea9c73ec2 .cnif_cf258ff960::after{
    content: "";
    position: absolute;
    bottom: -40%;
    left: -10%;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m4ea9c73ec2 .cnif_cf258ff960 h1{
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    }

main.m4ea9c73ec2 .cnif_cf258ff960 h1 span{
    color: hsl(124, 73%, 64%);
    }

main.m4ea9c73ec2 .ffjh_70319cb754{
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto 2rem;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    position: relative;
    z-index: 1;
    }

main.m4ea9c73ec2 .ejke_0a3c6f7ab9{
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    }

main.m4ea9c73ec2 .ejke_0a3c6f7ab9 span{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 1rem;
    background: hsla(0, 0%, 100%, 0.12);
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 20px;
    font-size: 0.85rem;
    backdrop-filter: blur(4px);
    }

main.m4ea9c73ec2 .eal_83a1ee6ba3{
    padding: 4rem 1.5rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m4ea9c73ec2 .lhh_3013257212{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    }

main.m4ea9c73ec2 .lhh_3013257212 h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.6rem;
    }

main.m4ea9c73ec2 .nnnd_3d4948f795{
    color: hsl(124, 6%, 40%);
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0 0 2.5rem;
    max-width: clamp(484px, 48.67vw, 815px);
    }

main.m4ea9c73ec2 .nnb_65120c831f{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    }

main.m4ea9c73ec2 .dhg_b14fd96fde{
    background: #fff;
    border-radius: 16px;
    padding: 2rem 1.75rem;
    box-shadow: 0 2px 12px hsla(248, 30%, 20%, 0.06);
    border: 1px solid hsl(124, 7%, 90%);
    transition: transform 0.2s, box-shadow 0.2s;position: relative;
    overflow: hidden;
    }

main.m4ea9c73ec2 .dhg_b14fd96fde:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 24px hsla(248, 30%, 20%, 0.1);
    }

main.m4ea9c73ec2 .kdmf_f0b4e3e8b2{
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: #fff;
    }

main.m4ea9c73ec2 .kdmf_f0b4e3e8b2.cae_fd2b2c7000{ background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 58%, 44%)); color: #ffffff;}

main.m4ea9c73ec2 .kdmf_f0b4e3e8b2.amkn_4766399740{ background: linear-gradient(135deg, hsl(124, 73%, 42%), hsl(124, 73%, 34%)); }

main.m4ea9c73ec2 .kdmf_f0b4e3e8b2.fjnd_d39126b9c6{ background: linear-gradient(135deg, hsl(180, 55%, 40%), hsl(190, 60%, 32%)); }

main.m4ea9c73ec2 .kdmf_f0b4e3e8b2.dbea_d9c0867d54{ background: linear-gradient(135deg, hsl(270, 55%, 50%), hsl(280, 50%, 40%)); color: #ffffff;}

main.m4ea9c73ec2 .dhg_b14fd96fde h3{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.75rem;
    }

main.m4ea9c73ec2 .dhg_b14fd96fde p{
    font-size: 0.88rem;
    line-height: 1.65;
    color: hsl(124, 6%, 38%);
    margin: 0 0 1rem;
    }

main.m4ea9c73ec2 .dhg_b14fd96fde .lmkn_b4749985ee{
    display: inline-block;
    padding: 0.3rem 0.75rem;
    background: hsl(248, 40%, 96%);
    border-radius: 6px;
    font-size: 0.78rem;
    color: hsl(248, 58%, 44%);
    font-family: "Courier New", monospace;
    letter-spacing: 0.02em;
    }

main.m4ea9c73ec2 .dhg_b14fd96fde .heao_64a3bcacdf{
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    }

main.m4ea9c73ec2 .pih_ff1de6bfba{ background: hsl(124, 60%, 92%); color: hsl(124, 60%, 28%); }

main.m4ea9c73ec2 .aahl_e563826846{ background: hsl(40, 80%, 92%); color: hsl(30, 70%, 30%); }

main.m4ea9c73ec2 .dfe_ad146ff910{
    padding: 4rem 1.5rem;
    background: linear-gradient(180deg, hsl(248, 30%, 97%) 0%, hsl(124, 7%, 96%) 100%);
    }

main.m4ea9c73ec2 .cplo_9937e978b1{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    }

main.m4ea9c73ec2 .beh_b619236f03 h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1rem;
    }

main.m4ea9c73ec2 .beh_b619236f03 p{
    font-size: 0.92rem;
    line-height: 1.75;
    color: hsl(124, 6%, 35%);
    margin: 0 0 1.5rem;
    }

main.m4ea9c73ec2 .onl_bd526a9e0c{
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    counter-reset: step;
    }

main.m4ea9c73ec2 .onl_bd526a9e0c li{
    counter-increment: step;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.75rem 0;
    font-size: 0.88rem;
    line-height: 1.6;
    color: hsl(124, 6%, 30%);
    border-bottom: 1px solid hsl(124, 7%, 90%);
    }

main.m4ea9c73ec2 .onl_bd526a9e0c li:last-child{ border-bottom: none; }

main.m4ea9c73ec2 .onl_bd526a9e0c li::before{
    content: counter(step);
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: hsl(248, 58%, 54%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;}

main.m4ea9c73ec2 .pgpm_3e3f827dd8{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px hsla(248, 30%, 20%, 0.1);
    }

main.m4ea9c73ec2 .pgpm_3e3f827dd8 img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m4ea9c73ec2 .lcj_7cbe791f6f{
    padding: 4rem 1.5rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m4ea9c73ec2 .lmne_aa9dcb7c0d{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    }

main.m4ea9c73ec2 .lmne_aa9dcb7c0d h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.6rem;
    }

main.m4ea9c73ec2 .cfh_7a2b994686{
    color: hsl(124, 6%, 40%);
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0 0 2.5rem;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.m4ea9c73ec2 .hjj_7c5484584c{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    }

main.m4ea9c73ec2 .gehi_a0b8208dad{
    background: #fff;
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    text-align: center;
    border: 1px solid hsl(124, 7%, 90%);
    position: relative;
    transition: transform 0.2s;
    }

main.m4ea9c73ec2 .gehi_a0b8208dad:hover{ transform: translateY(-2px); }

main.m4ea9c73ec2 .pnd_1c072ff4ba{
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, hsl(124, 73%, 54%), hsl(124, 73%, 42%));
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    }

main.m4ea9c73ec2 .gehi_a0b8208dad h3{
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.5rem;
    }

main.m4ea9c73ec2 .gehi_a0b8208dad p{
    font-size: 0.82rem;
    line-height: 1.6;
    color: hsl(124, 6%, 42%);
    margin: 0;
    }

main.m4ea9c73ec2 .pdf-compat-section{
    padding: 4rem 1.5rem;
    background: linear-gradient(180deg, hsl(124, 7%, 96%) 0%, hsl(248, 20%, 96%) 100%);
    }

main.m4ea9c73ec2 .pdf-compat-inner{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
    }

main.m4ea9c73ec2 .pdf-compat-left h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 1rem;
    }

main.m4ea9c73ec2 .pdf-compat-left p{
    font-size: 0.92rem;
    line-height: 1.75;
    color: hsl(124, 6%, 35%);
    margin: 0 0 1.5rem;
    }

main.m4ea9c73ec2 .compat-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    }

main.m4ea9c73ec2 .compat-table th{
    text-align: left;
    padding: 0.75rem 1rem;
    background: hsl(248, 58%, 54%);
    color: #fff;
    font-weight: 600;
    }

main.m4ea9c73ec2 .compat-table th:first-child{ border-radius: 10px 0 0 0; }

main.m4ea9c73ec2 .compat-table th:last-child{ border-radius: 0 10px 0 0; }

main.m4ea9c73ec2 .compat-table td{
    padding: 0.7rem 1rem;
    border-bottom: 1px solid hsl(124, 7%, 90%);
    color: hsl(124, 6%, 28%);
    }

main.m4ea9c73ec2 .compat-table tr:nth-child(even) td{ background: hsl(248, 20%, 98%); }

main.m4ea9c73ec2 .compat-table tr:last-child td:first-child{ border-radius: 0 0 0 10px; }

main.m4ea9c73ec2 .compat-table tr:last-child td:last-child{ border-radius: 0 0 10px 0; }

main.m4ea9c73ec2 .pdf-compat-right{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px hsla(248, 30%, 20%, 0.08);
    }

main.m4ea9c73ec2 .pdf-compat-right img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m4ea9c73ec2 .pdf-trouble-section{
    padding: 4rem 1.5rem;
    background: var(--bg-color, hsl(124, 7%, 96%));
    }

main.m4ea9c73ec2 .pdf-trouble-inner{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;}

main.m4ea9c73ec2 .pdf-trouble-inner h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.6rem;
    }

main.m4ea9c73ec2 .pdf-trouble-desc{
    color: hsl(124, 6%, 40%);
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0 0 2.5rem;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.m4ea9c73ec2 .trouble-list{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }

main.m4ea9c73ec2 .trouble-item{
    background: #fff;
    border-radius: 14px;
    padding: 1.5rem 1.75rem;
    border: 1px solid hsl(124, 7%, 90%);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem;
    align-items: start;
    }

main.m4ea9c73ec2 .trouble-item-icon{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: hsl(0, 70%, 95%);
    color: hsl(0, 60%, 45%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
    }

main.m4ea9c73ec2 .trouble-item-icon.resolved{
    background: hsl(124, 60%, 93%);
    color: hsl(124, 60%, 32%);
    }

main.m4ea9c73ec2 .trouble-item h3{
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 0.4rem;
    }

main.m4ea9c73ec2 .trouble-item p{
    font-size: 0.85rem;
    line-height: 1.65;
    color: hsl(124, 6%, 38%);
    margin: 0;
    }

main.m4ea9c73ec2 .pdf-cta-section{
    padding: 3.5rem 1.5rem;
    background: linear-gradient(135deg, hsl(248, 58%, 50%) 0%, hsl(248, 58%, 38%) 50%, hsl(200, 50%, 28%) 100%);
    text-align: center;
    color: #fff;
    }

main.m4ea9c73ec2 .pdf-cta-section h2{
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
    }

main.m4ea9c73ec2 .pdf-cta-section p{
    font-size: 0.95rem;
    opacity: 0.88;
    margin: 0 0 2rem;
    max-width: clamp(360px, 36.15vw, 605px);
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
    }

main.m4ea9c73ec2 .pdf-cta-btns{
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    }

main.m4ea9c73ec2 .btn-primary-cta{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 2rem;
    background: linear-gradient(135deg, hsl(124, 73%, 48%), hsl(124, 73%, 38%));
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 16px hsla(124, 73%, 40%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m4ea9c73ec2 .btn-primary-cta:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px hsla(124, 73%, 40%, 0.45);
    }

main.m4ea9c73ec2 .btn-secondary-cta{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 2rem;
    background: hsla(0, 0%, 100%, 0.12);
    color: #fff;
    border: 1.5px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    backdrop-filter: blur(4px);transition: background 0.2s;
    }

main.m4ea9c73ec2 .btn-secondary-cta:hover{
    background: hsla(0, 0%, 100%, 0.2);
    }

.site-footer.fkb_c926f2ce11{
    padding: 2.5rem 1.5rem;
    background: hsl(248, 30%, 14%);
    color: hsla(0, 0%, 100%, 0.6);
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.7;
    }

.site-footer.fkb_c926f2ce11 a{
    color: hsla(0, 0%, 100%, 0.75);
    text-decoration: none;
    }

.site-footer.fkb_c926f2ce11 a:hover{ color: hsl(124, 73%, 64%); }

footer.fkb_c926f2ce11-links{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    }

@media (max-width: 768px) {main.m4ea9c73ec2 .cnif_cf258ff960 h1{ font-size: 1.75rem; }
    main.m4ea9c73ec2 .cplo_9937e978b1, main.m4ea9c73ec2 .pdf-compat-inner{ grid-template-columns: 1fr; gap: 2rem; }
    main.m4ea9c73ec2 .nnb_65120c831f{ grid-template-columns: 1fr; }
    main.m4ea9c73ec2 .hjj_7c5484584c{ grid-template-columns: 1fr 1fr; }
    main.m4ea9c73ec2 .cnif_cf258ff960{ padding: 3rem 1.25rem 2.5rem; }}

@media (max-width: 480px) {main.m4ea9c73ec2 .hjj_7c5484584c{ grid-template-columns: 1fr; }
    main.m4ea9c73ec2 .ejke_0a3c6f7ab9{ flex-direction: column; align-items: center; }}

footer.fkb_c926f2ce11{
    position: relative;
    background: linear-gradient(165deg, hsl(140, 12%, 11%) 0%, hsl(252, 40%, 18%) 100%);
    padding: 48px 24px 32px;
    overflow: hidden; color: #ffffff;}

footer .fcl_d37772a138{
    max-width: var(--max-width,1440px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 36px;
    position: relative;
    z-index: 1;
    }

footer .khkj_ee1704416b{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    }

footer .fbc_86669f149f{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    }

footer .egbc_4650599ba9{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #ffffff;
    background: linear-gradient(135deg, hsl(136, 62%, 55%), hsl(252, 56%, 68%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

footer .agbj_a859261b17{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.45);
    margin: 0;
    line-height: 1.5;
    }

footer .kkb_5ae978cff4{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    justify-content: center;
    flex-wrap: wrap;
    }

footer .knb_a95e45bee3{
    color: hsla(0, 0%, 100%, 0.7);
    text-decoration: none;
    font-size: 13.5px;
    padding: 6px 12px;
    border-radius: var(--radius-sm, 7px);
    transition: var(--transition, all 0.24s ease);
    white-space: nowrap;
    }

footer .knb_a95e45bee3:hover{
    color: #ffffff;
    background: hsla(0, 0%, 100%, 0.08);
    }

footer .idjo_49610b62c3{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.2);
    flex: 0 0 auto;
    }

footer .gbim_9b353ab24f{
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
    }

footer .jmkn_73b6edd1f1{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.07);
    color: hsla(0, 0%, 100%, 0.6);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    }

footer .jmkn_73b6edd1f1:hover{
    background: var(--primary-color, hsl(136, 62%, 42%));
    color: #ffffff;
    transform: translateY(-2px);box-shadow: 0 4px 16px hsla(136, 62%, 42%, 0.35);
    }

footer .eid_c712b9cbdb{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    gap: 16px;
    flex-wrap: wrap;
    }

footer .fngf_76081e38d9{
    font-size: 12.5px;
    color: hsla(0, 0%, 100%, 0.35);
    flex: 0 1 auto;
    }

footer .cab_c7e4a6ee1c{
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.25);
    flex: 0 1 auto;
    }

footer .cfj_4dd1d78a52{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: min(34.76vw, 582px);
    height: 200px;
    background: radial-gradient(ellipse, hsla(136, 62%, 42%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
    }

@media (max-width: 768px) {footer.fkb_c926f2ce11{
    padding: 36px 16px 24px;
    }
    footer .khkj_ee1704416b{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
    }
    footer .fbc_86669f149f{
    align-items: center;
    }
    footer .kkb_5ae978cff4{
    justify-content: center;
    }
    footer .gbim_9b353ab24f{
    justify-content: center;
    }
    footer .eid_c712b9cbdb{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    }
    footer .cfj_4dd1d78a52{
    width: min(22.0vw, 349px);
    height: 120px;
    }}

main.m1645337834 .lbn_9315567fe1{
    position: relative;
    overflow: hidden;
    padding: 72px 24px 56px;
    background: linear-gradient(135deg, hsl(248, 58%, 54%) 0%, hsl(248, 58%, 40%) 40%, hsl(200, 60%, 35%) 100%);
    color: #fff;
    text-align: center;
    }

main.m1645337834 .lbn_9315567fe1::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m1645337834 .lbn_9315567fe1::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: -40px;
    width: min(22.0vw, 326px);
    height: clamp(199px, 25.24vh, 332px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m1645337834 .lbn_9315567fe1 h1{
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 18px;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    }

main.m1645337834 .lbn_9315567fe1 h1 span{
    color: hsl(124, 73%, 64%);
    }

main.m1645337834 .mba_d5fc8b37a8{
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto 28px;
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    position: relative;
    z-index: 1;
    }

main.m1645337834 .ejja_354b400637{
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    }

main.m1645337834 .bkc_b846dac9ba{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: hsla(0, 0%, 100%, 0.14);
    backdrop-filter: blur(6px);
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 0.88rem;
    font-weight: 500;
    }

main.m1645337834 .bkc_b846dac9ba svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    }

main.m1645337834 .ogl_4f79817b17{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    padding: 0 20px;
    }

main.m1645337834 .jip_b5f7c20bf3{
    padding: 56px 0;
    }

main.m1645337834 .jip_b5f7c20bf3:nth-child(even){
    background: hsla(248, 20%, 96%, 0.5);
    }

main.m1645337834 .hhkn_bdc5486c4d{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--text-color, hsl(124, 10%, 10%));
    margin: 0 0 10px;
    line-height: 1.35;
    }

main.m1645337834 .cjf_833a87361e{
    color: hsl(124, 6%, 40%);
    font-size: 0.95rem;
    line-height: 1.65;
    margin: 0 0 32px;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.m1645337834 .chmd_3317181c3f{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    }

main.m1645337834 .fnjc_7e2358fe67{
    background: #fff;
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: 0 2px 12px hsla(248, 30%, 20%, 0.06);
    border: 1px solid hsla(248, 20%, 80%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.m1645337834 .fnjc_7e2358fe67:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 24px hsla(248, 30%, 20%, 0.1);
    }

main.m1645337834 .nae_5a5492cb40{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 1.3rem;
    }

main.m1645337834 .nae_5a5492cb40.pjpg_34d9350c06{
    background: hsla(248, 58%, 54%, 0.1);
    color: #ffffff;
    }

main.m1645337834 .nae_5a5492cb40.alaf_93c85a6be0{
    background: hsla(124, 73%, 54%, 0.12);
    color: hsl(124, 55%, 38%);
    }

main.m1645337834 .nae_5a5492cb40.pid_0f6cd5f23c{
    background: hsla(200, 70%, 50%, 0.1);
    color: hsl(200, 70%, 42%);
    }

main.m1645337834 .nae_5a5492cb40.nop_f58ca6677c{
    background: hsla(35, 80%, 55%, 0.1);
    color: hsl(35, 70%, 42%);
    }

main.m1645337834 .fnjc_7e2358fe67 h3{
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m1645337834 .fnjc_7e2358fe67 p{
    font-size: 0.88rem;
    line-height: 1.65;
    color: hsl(124, 6%, 38%);
    margin: 0;
    }

main.m1645337834 .kjee_8e2ccdcc56{
    display: inline-block;
    background: hsl(248, 40%, 96%);
    color: hsl(248, 58%, 44%);
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 6px;
    font-family: "Courier New", monospace;
    margin-top: 10px;
    word-break: break-all;
    }

main.m1645337834 .mgn_8d2304afb8{
    display: flex;
    gap: 0;
    align-items: stretch;
    position: relative;
    }

main.m1645337834 .aoip_ce115c6a6b{
    flex: 1;
    text-align: center;
    padding: 28px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px hsla(248, 30%, 20%, 0.05);
    position: relative;
    border: 1px solid hsla(248, 20%, 80%, 0.25);
    }

main.m1645337834 .aoip_ce115c6a6b + .aoip_ce115c6a6b{
    margin-left: 32px;
    }

main.m1645337834 .aoip_ce115c6a6b + .aoip_ce115c6a6b::before{
    content: "";
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;border-left: 10px solid hsl(248, 58%, 54%);
    }

main.m1645337834 .bie_7cc229f01c{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 58%, 44%));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 14px;
    }

main.m1645337834 .aoip_ce115c6a6b h3{
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m1645337834 .aoip_ce115c6a6b p{
    font-size: 0.84rem;
    line-height: 1.6;
    color: hsl(124, 6%, 40%);
    margin: 0;
    }

main.m1645337834 .ged_72cd844c6e{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    }

main.m1645337834 .ohhp_1b2363c4e0{
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    aspect-ratio: 4/3;
    box-shadow: 0 6px 24px hsla(248, 30%, 20%, 0.1);
    }

main.m1645337834 .nhom_29f0399d5d{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: collab;
    }

main.m1645337834 .nhom_29f0399d5d li{
    counter-increment: collab;
    padding: 16px 016px 52px;
    position: relative;
    border-bottom: 1px solid hsla(248, 20%, 80%, 0.25);
    font-size: 0.92rem;
    line-height: 1.6;
    color: hsl(124, 6%, 28%);
    }

main.m1645337834 .nhom_29f0399d5d li:last-child{
    border-bottom: none;
    }

main.m1645337834 .nhom_29f0399d5d li::before{
    content: counter(collab);
    position: absolute;
    left: 0;
    top: 16px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: hsla(124, 73%, 54%, 0.12);
    color: hsl(124, 55%, 34%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.88rem;
    }

main.m1645337834 .nhom_29f0399d5d li strong{
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m1645337834 .jpim_4983206db2{
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px hsla(248, 30%, 20%, 0.06);
    border: 1px solid hsla(248, 20%, 80%, 0.25);
    }

main.m1645337834 .jeod_21fb714ba0{
    width: 100%;
    border-collapse: collapse;
    }

main.m1645337834 .jeod_21fb714ba0 thead{
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 50%, 46%));
    color: #fff;
    }

main.m1645337834 .jeod_21fb714ba0 th{
    padding: 16px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    }

main.m1645337834 .jeod_21fb714ba0 td{
    padding: 14px 20px;
    font-size: 0.88rem;
    color: hsl(124, 6%, 28%);
    border-bottom: 1px solid hsla(248, 20%, 90%, 0.6);
    }

main.m1645337834 .jeod_21fb714ba0 tbody tr:last-child td{
    border-bottom: none;
    }

main.m1645337834 .jeod_21fb714ba0 tbody tr:hover{
    background: hsla(248, 30%, 97%, 0.7);
    }

main.m1645337834 .hhjg_e78bc39e46{
    color: hsl(248, 58%, 50%);
    font-weight: 600;
    }

main.m1645337834 .fdb_a4a904d36f{
    padding: 14px 20px;
    font-size: 0.82rem;
    color: hsl(124, 6%, 48%);
    background: hsl(248, 20%, 97%);
    border-top: 1px solid hsla(248, 20%, 90%, 0.6);
    }

main.m1645337834 .bjd_3b3c270517{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }

main.m1645337834 .dad_c6bdaeb3be{
    background: #fff;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 2px 10px hsla(248, 30%, 20%, 0.05);
    border-left: 4px solid hsl(124, 73%, 54%);
    transition: transform 0.2s;
    }

main.m1645337834 .dad_c6bdaeb3be:hover{
    transform: translateY(-2px);
    }

main.m1645337834 .dad_c6bdaeb3be h3{
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--text-color, hsl(124, 10%, 10%));
    }

main.m1645337834 .dad_c6bdaeb3be p{
    font-size: 0.85rem;
    line-height: 1.6;
    color: hsl(124, 6%, 38%);
    margin: 0;
    }

main.m1645337834 .omp_6bc58d9ca3{
    display: inline-block;
    background: hsl(248, 20%, 94%);
    color: hsl(248, 40%, 36%);
    font-size: 0.78rem;
    padding: 2px 8px;
    border-radius: 5px;
    font-family: "Courier New", monospace;
    border: 1px solid hsl(248, 20%, 86%);
    margin-top: 8px;
    }

main.m1645337834 .related-nav{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }

main.m1645337834 .related-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, hsl(124, 73%, 54%), hsl(124, 65%, 44%));
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;box-shadow: 0 3px 12px hsla(124, 60%, 40%, 0.25);
    }

main.m1645337834 .related-link:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px hsla(124, 60%, 40%, 0.35);
    }

main.m1645337834 .related-link.alt{
    background: linear-gradient(135deg, hsl(248, 58%, 54%), hsl(248, 50%, 44%));
    box-shadow: 0 3px 12px hsla(248, 50%, 40%, 0.25); color: #ffffff;}

main.m1645337834 .related-link.alt:hover{
    box-shadow: 0 6px 20px hsla(248, 50%, 40%, 0.35);
    }

main.m1645337834 .related-link svg{
    width: 16px;
    height: 16px;
    }

footer.gbfb_41b43d7ea1{
    background: hsl(248, 30%, 16%);
    color: hsla(0, 0%, 100%, 0.65);
    padding: 36px 20px;
    text-align: center;
    font-size: 0.84rem;
    line-height: 1.7;
    }

footer.gbfb_41b43d7ea1 strong{
    color: #fff;
    font-weight: 600;
    }

@media (max-width: 768px) {main.m1645337834 .lbn_9315567fe1{
    padding: 52px 18px 40px;
    }
    main.m1645337834 .lbn_9315567fe1 h1{
    font-size: 1.6rem;
    }
    main.m1645337834 .chmd_3317181c3f{
    grid-template-columns: 1fr;
    }
    main.m1645337834 .mgn_8d2304afb8{
    flex-direction: column;
    gap: 16px;
    }
    main.m1645337834 .aoip_ce115c6a6b + .aoip_ce115c6a6b{
    margin-left: 0;
    }
    main.m1645337834 .aoip_ce115c6a6b + .aoip_ce115c6a6b::before{
    display: none;
    }
    main.m1645337834 .ged_72cd844c6e{
    grid-template-columns: 1fr;
    }
    main.m1645337834 .bjd_3b3c270517{
    grid-template-columns: 1fr;
    }
    main.m1645337834 .related-nav{
    flex-direction: column;
    }
    main.m1645337834 .related-link{
    justify-content: center;
    }
    main.m1645337834 .jeod_21fb714ba0 th, main.m1645337834 .jeod_21fb714ba0 td{
    padding: 10px 12px;
    font-size: 0.82rem;
    }}

@media (max-width: 480px) {main.m1645337834 .lbn_9315567fe1 h1{
    font-size: 1.35rem;
    }
    main.m1645337834 .ejja_354b400637{
    flex-direction: column;
    align-items: center;
    }
    main.m1645337834 .hhkn_bdc5486c4d{
    font-size: 1.3rem;
    }}

footer.gbfb_41b43d7ea1{
    position: relative;
    background: linear-gradient(165deg, hsl(140, 12%, 11%) 0%, hsl(252, 30%, 18%) 50%, hsl(140, 20%, 12%) 100%);
    color: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    padding: 56px 0 0;
    font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
    }

footer .bae_6ad18f03a5{
    width: var(--max-width, clamp(940px, 90vw, 1440px));
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    }

footer .phd_2a463cd4ca{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 48px;
    padding-bottom: 48px;
    }

footer .iceb_5c0e2c8fc1{
    flex: 11 280px;
    min-width: 240px;
    max-width: clamp(221px, 22.25vw, 372px);
    }

footer .cfio_73de747b23{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    }

footer .iffj_cf0018e67d{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 8px;
    }

footer .imfd_18a5eea328{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }

footer .mimf_35c6d1bfa8{
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    }

footer .lnl_de9870db8a{
    flex: 0 0 auto;
    min-width: 110px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }

footer .con_d9616d9746{
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 4px;
    }

footer .ceek_84c53cfe8b{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    line-height: 1.5;width: fit-content;
    }

footer .ceek_84c53cfe8b:hover{
    color: hsl(136, 62%, 55%);
    transform: translateX(2px);
    }

footer .kfjh_4a6b8f36ca{
    flex: 1 1 260px;
    min-width: 240px;
    max-width: clamp(221px, 22.25vw, 372px);
    }

footer .cnn_db4d42e048{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.6;
    margin: 0 0 14px;
    }

footer .eog_78fcae21d2{
    display: flex;
    gap: 0;
    border-radius: var(--radius-md, 14px);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);transition: var(--transition, all 0.24s ease);
    }

footer .eog_78fcae21d2:focus-within{
    border-color: hsl(136, 62%, 42%);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 3px rgba(46, 174, 80, 0.15);
    }

footer .nak_de751dcf62{
    flex: 1 1 auto;
    background: transparent;
    border: none;
    outline: none;
    padding: 11px 16px;
    font-size: 13px;
    color: #fff;
    min-width: 0;
    }

footer .nak_de751dcf62::placeholder{
    color: rgba(255, 255, 255, 0.35);
    }

footer .mmi_14ad74300b{
    flex: 0 0 auto;
    background: linear-gradient(135deg, hsl(136, 62%, 42%), hsl(160, 55%, 38%));
    color: #fff;
    border: none;
    padding: 11px 22px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition, all 0.24s ease);
    letter-spacing: 0.02em;
    }

footer .mmi_14ad74300b:hover{
    background: linear-gradient(135deg, hsl(136, 62%, 48%), hsl(160, 55%, 44%));
    box-shadow: 0 4px 16px rgba(46, 174, 80, 0.3);
    }

footer .pom_cd07e0576f{
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 20%, rgba(255, 255, 255, 0.12) 80%, transparent);
    }

footer .apln_f1e35c04a1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    gap: 16px;
    flex-wrap: wrap;
    }

footer .fpi_73c9073b4b{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    flex: 1 1 auto;
    }

footer .lgd_33df8ec444{
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
    }

footer .kjh_2f496c127d{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.55);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    flex: 0 0 36px;
    }

footer .kjh_2f496c127d:hover{
    background: rgba(46, 174, 80, 0.2);
    color: hsl(136, 62%, 55%);
    transform: translateY(-2px);box-shadow: 0 4px 12px rgba(46, 174, 80, 0.2);
    }

footer .gdao_87217191ca{
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    }

footer .pdpa_39034bafdd{
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: min(41.72vw, 698px);
    height: clamp(213px, 27.04vh, 355px);
    background: radial-gradient(ellipse, rgba(46, 174, 80, 0.08) 0%, rgba(99, 74, 204, 0.05) 40%, transparent 70%);
    pointer-events: none;
    z-index: 1;
    }

@media (max-width: 768px) {footer.gbfb_41b43d7ea1{
    padding: 40px 0 0;
    }
    footer .phd_2a463cd4ca{
    gap: 32px 24px;
    padding-bottom: 36px;
    }
    footer .iceb_5c0e2c8fc1{
    flex: 1 1 100%;
    max-width: 100%;
    }
    footer .lnl_de9870db8a{
    flex: 1 1 calc(50% - 12px);
    min-width: 130px;
    }
    footer .kfjh_4a6b8f36ca{
    flex: 1 1 100%;
    max-width: 100%;
    }
    footer .apln_f1e35c04a1{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding: 20px 0;
    }
    footer .fpi_73c9073b4b{
    order: 2;
    }
    footer .lgd_33df8ec444{
    order: 1;
    }}

main.m280f41077d .hkp_fad4d2afc0{
    position: relative;
    overflow: hidden;
    border-radius: 0 0 var(--sc-radius) var(--sc-radius);
    background: linear-gradient(135deg, hsl(248, 58%, 48%) 0%, hsl(248, 50%, 38%) 50%, hsl(200, 60%, 30%) 100%);
    color: #fff;
    padding: 72px 24px 56px;
    text-align: center;
    }

main.m280f41077d .hkp_fad4d2afc0::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: radial-gradient(circle, hsla(124, 73%, 54%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m280f41077d .hkp_fad4d2afc0::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(248, 58%, 70%, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m280f41077d .hkp_fad4d2afc0 h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    margin: 0 0 16px;
    position: relative;
    line-height: 1.3;
    letter-spacing: -0.02em;
    }

main.m280f41077d .ljba_1fd025e56c{
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: clamp(470px, 47.28vw, 792px);
    margin: 0 auto;
    opacity: 0.92;
    position: relative;
    }

main.m280f41077d .lgep_cb5488ae64{
    display: inline-block;
    background: hsla(124, 73%, 54%, 0.2);
    border: 1px solid hsla(124, 73%, 54%, 0.35);
    color: hsl(124, 73%, 70%);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
    position: relative;}

main.m280f41077d .lobo_787e9719d7{
    max-width: clamp(775px, 77.87vw, 1304px);
    margin: 0 auto;
    padding: 0 20px;
    }

main.m280f41077d .afpd_433b670248{
    padding: 56px 0;
    }

main.m280f41077d .gabf_c41a6e0d6a{
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--sc-text);
    margin: 0 0 8px;
    line-height: 1.35;
    }

main.m280f41077d .floe_80e71a2925{
    font-size: 0.95rem;
    color: var(--sc-text-mid);
    margin: 0 0 32px;
    line-height: 1.6;
    max-width: clamp(484px, 48.67vw, 815px);
    }

main.m280f41077d .epc_717b18dcfa{
    display: inline-flex;
    background: var(--sc-border);
    border-radius: 28px;
    padding: 3px;
    margin-bottom: 28px;
    gap: 2px;
    }

main.m280f41077d .koc_1fc20e96c7{
    padding: 8px 22px;
    border: none;
    background: transparent;
    border-radius: 24px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--sc-text-mid);
    cursor: pointer;
    transition: all 0.25s ease;
    }

main.m280f41077d .koc_1fc20e96c7.einf_f30a150dd2{
    background: var(--sc-accent);
    color: #fff;
    box-shadow: 0 2px 8px hsla(248, 58%, 54%, 0.3);
    }

main.m280f41077d .koc_1fc20e96c7:hover:not(.active){
    color: var(--sc-text);
    background: hsla(0, 0%, 100%, 0.6);
    }

main.m280f41077d .gmk_c7aaa105f0{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 24px;
    }

main.m280f41077d .fhf_d36cdc8dcf{
    background: var(--sc-surface);
    border-radius: var(--sc-radius);
    box-shadow: var(--sc-shadow);
    overflow: hidden;
    border: 1px solid var(--sc-border);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    }

main.m280f41077d .fhf_d36cdc8dcf:hover{
    box-shadow: var(--sc-shadow-lg);
    transform: translateY(-2px);
    }

main.m280f41077d .ffc_d2e4d3319f{
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--sc-border);
    }

main.m280f41077d .pjl_072ba3d548{
    width: 40px;
    height: 40px;
    border-radius: var(--sc-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 700;
    flex-shrink: 0;
    }

main.m280f41077d .pjl_072ba3d548.lep_eb54dce124{
    background: linear-gradient(135deg, hsl(210, 80%, 55%), hsl(210, 70%, 45%));
    color: #fff;
    }

main.m280f41077d .pjl_072ba3d548.sheet{
    background: linear-gradient(135deg, var(--sc-primary), var(--sc-primary-deep));
    color: #fff;
    }

main.m280f41077d .pjl_072ba3d548.slide{
    background: linear-gradient(135deg, hsl(20, 85%, 55%), hsl(10, 75%, 48%));
    color: #fff;
    }

main.m280f41077d .oeoh_1f3fbfc244 h3{
    font-size: 1rem;
    font-weight: 700;
    color: var(--sc-text);
    margin: 0;
    }

main.m280f41077d .oeoh_1f3fbfc244 span{
    font-size: 0.78rem;
    color: var(--sc-text-light);
    }

main.m280f41077d .neph_4a9124c163{
    padding: 8px 0;
    }

main.m280f41077d .chk_7647febee7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 22px;
    transition: background 0.15s ease;
    }

main.m280f41077d .chk_7647febee7:hover{
    background: hsla(124, 7%, 96%, 0.7);
    }

main.m280f41077d .chk_7647febee7:not(:last-child){
    border-bottom: 1px solid hsla(124, 8%, 88%, 0.5);
    }

main.m280f41077d .fkb_c036db0d22{
    font-size: 0.88rem;
    color: var(--sc-text);
    font-weight: 500;
    }

main.m280f41077d .hdno_465aa287a7{
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    }

main.m280f41077d .neo_a0bbc3c82c{
    display: inline-block;
    background: linear-gradient(180deg, hsl(0, 0%, 97%) 0%, hsl(0, 0%, 91%) 100%);
    border: 1px solid hsl(0, 0%, 82%);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--sc-text);
    font-family: "SF Mono", "Consolas", "Monaco", monospace;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.08);
    line-height: 1.6;
    white-space: nowrap;
    }

main.m280f41077d .boo_82e53ade09{
    font-size: 0.72rem;
    color: var(--sc-text-light);font-weight: 500;
    }

main.m280f41077d .sc-batch-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    }

main.m280f41077d .sc-batch-card{
    background: var(--sc-surface);
    border-radius: var(--sc-radius);
    padding: 28px 24px;
    box-shadow: var(--sc-shadow);
    border: 1px solid var(--sc-border);
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    }

main.m280f41077d .sc-batch-card:hover{
    box-shadow: var(--sc-shadow-lg);
    transform: translateY(-2px);
    }

main.m280f41077d .sc-batch-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    }

main.m280f41077d .sc-batch-card:nth-child(1)::before{ background: var(--sc-accent); }

main.m280f41077d .sc-batch-card:nth-child(2)::before{ background: var(--sc-primary-deep); }

main.m280f41077d .sc-batch-card:nth-child(3)::before{ background: hsl(20, 85%, 55%); }

main.m280f41077d .sc-batch-card:nth-child(4)::before{ background: hsl(200, 70%, 50%); }

main.m280f41077d .sc-batch-card:nth-child(5)::before{ background: hsl(280, 60%, 55%); }

main.m280f41077d .sc-batch-card:nth-child(6)::before{ background: hsl(45, 85%, 50%); }

main.m280f41077d .sc-batch-num{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: hsla(248, 58%, 54%, 0.1);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    margin-bottom: 14px;
    }

main.m280f41077d .sc-batch-card h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--sc-text);
    margin: 0 0 10px;
    line-height: 1.4;
    }

main.m280f41077d .sc-batch-card p{
    font-size: 0.88rem;
    color: var(--sc-text-mid);
    line-height: 1.65;
    margin: 0 0 12px;
    }

main.m280f41077d .sc-batch-keys{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    }

main.m280f41077d .sc-batch-tag{
    font-size: 0.76rem;
    padding: 3px 10px;
    border-radius: 14px;
    background: hsla(124, 73%, 54%, 0.1);
    color: var(--sc-primary-deep);
    font-weight: 600;
    }

main.m280f41077d .sc-formula-section{
    background: linear-gradient(135deg, hsla(248, 58%, 54%, 0.04) 0%, hsla(124, 73%, 54%, 0.04) 100%);
    border-radius: var(--sc-radius);
    padding: 40px;
    border: 1px solid var(--sc-border);
    }

main.m280f41077d .sc-formula-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

main.m280f41077d .sc-formula-item{
    background: var(--sc-surface);
    border-radius: var(--sc-radius-sm);
    padding: 20px 24px;
    border: 1px solid var(--sc-border);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: start;
    transition: box-shadow 0.2s ease;
    }

main.m280f41077d .sc-formula-item:hover{
    box-shadow: var(--sc-shadow);
    }

main.m280f41077d .sc-formula-label{
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--sc-text);
    margin: 0 0 6px;
    }

main.m280f41077d .sc-formula-desc{
    font-size: 0.82rem;
    color: var(--sc-text-mid);
    margin: 0;line-height: 1.55;
    }

main.m280f41077d .sc-formula-code{
    background: hsl(230, 20%, 18%);
    color: hsl(124, 73%, 70%);
    font-family: "SF Mono", "Consolas", "Monaco", monospace;
    font-size: 0.82rem;
    padding: 10px 16px;
    border-radius: 8px;
    white-space: nowrap;
    align-self: center;
    letter-spacing: 0.02em;
    }

main.m280f41077d .sc-visual-banner{
    position: relative;
    border-radius: var(--sc-radius);
    overflow: hidden;
    height: 220px;
    margin-bottom: 40px;
    }

main.m280f41077d .sc-visual-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;display: block;
    }

main.m280f41077d .sc-visual-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, hsla(248, 58%, 30%, 0.75) 0%, hsla(124, 50%, 25%, 0.6) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px; color: #ffffff;}

main.m280f41077d .sc-visual-text{
    text-align: center;
    color: #fff;
    }

main.m280f41077d .sc-visual-text h2{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 8px;
    }

main.m280f41077d .sc-visual-text p{
    font-size: 0.92rem;
    opacity: 0.9;
    margin: 0;
    }

main.m280f41077d .sc-tip-row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 28px;
    }

main.m280f41077d .sc-tip-card{
    background: var(--sc-surface);
    border-radius: var(--sc-radius);
    padding: 24px;
    border: 1px solid var(--sc-border);
    box-shadow: var(--sc-shadow);
    }

main.m280f41077d .sc-tip-card h3{
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--sc-text);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    }

main.m280f41077d .sc-tip-card p{
    font-size: 0.85rem;
    color: var(--sc-text-mid);
    line-height: 1.65;
    margin: 0;
    }

main.m280f41077d .sc-tip-emoji{
    font-size: 1.2rem;
    }

main.m280f41077d .sc-cta-bar{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 32px;
    }

main.m280f41077d .sc-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 30px;
    background: linear-gradient(135deg, var(--sc-accent) 0%, var(--sc-accent-light) 100%);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 600;
    border: none;
    border-radius: 28px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 16px hsla(248, 58%, 54%, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

main.m280f41077d .sc-btn-primary:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 24px hsla(248, 58%, 54%, 0.4);
    }

main.m280f41077d .sc-btn-outline{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    background: var(--sc-surface);
    color: var(--sc-accent);
    font-size: 0.92rem;
    font-weight: 600;
    border: 2px solid var(--sc-accent);
    border-radius: 28px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease;
    }

main.m280f41077d .sc-btn-outline:hover{
    background: hsla(248, 58%, 54%, 0.06); color: #ffffff;}

main.m280f41077d .ggcb_e6404a62b2{ display: none; }

main.m280f41077d .mnpd_0e4f572d1d{ display: block; }

main.m280f41077d .sc-feature-img-wrap{
    border-radius: var(--sc-radius);
    overflow: hidden;
    box-shadow: var(--sc-shadow);
    margin: 32px 0;
    border: 1px solid var(--sc-border);
    }

main.m280f41077d .sc-feature-img-wrap img{
    width: 100%;
    height: auto;
    display: block;
    }

.sc-footer.egln_a4484e59ec{
    background: hsl(230, 20%, 14%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 40px 24px;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.7;
    }

.sc-footer.egln_a4484e59ec a{
    color: hsla(0, 0%, 100%, 0.85);
    text-decoration: none;
    transition: color 0.2s;
    }

.sc-footer.egln_a4484e59ec a:hover{
    color: var(--sc-primary);
    }

.sc-footer.egln_a4484e59ec-links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-bottom: 16px;
    }

.sc-footer.egln_a4484e59ec-copy{
    opacity: 0.6;
    margin: 0;
    }

@media (max-width: 768px) {main.m280f41077d .hkp_fad4d2afc0{ padding: 56px 18px 44px; }
    main.m280f41077d .afpd_433b670248{ padding: 40px 0; }
    main.m280f41077d .gmk_c7aaa105f0{ grid-template-columns: 1fr; }
    main.m280f41077d .sc-batch-grid{ grid-template-columns: 1fr; }
    main.m280f41077d .sc-formula-section{ padding: 24px 18px; }
    main.m280f41077d .sc-formula-item{ grid-template-columns: 1fr; }
    main.m280f41077d .sc-formula-code{ white-space: pre-wrap; word-break: break-all; }
    main.m280f41077d .sc-visual-banner{ height: 180px; }
    main.m280f41077d .sc-tip-row{ grid-template-columns: 1fr; }
    main.m280f41077d .sc-cta-bar{ flex-direction: column; align-items: stretch; text-align: center; }}

@media (max-width: 480px) {main.m280f41077d .chk_7647febee7{ flex-direction: column; align-items: flex-start; gap: 6px; }
    main.m280f41077d .hkp_fad4d2afc0 h1{ font-size: 1.5rem; }}

footer.egln_a4484e59ec{
    background: linear-gradient(175deg, hsl(250, 30%, 14%) 0%, hsl(140, 20%, 10%) 100%);
    color: rgba(255, 255, 255, 0.85);
    padding: 64px 24px 0;
    position: relative;
    overflow: hidden;
    }

footer.egln_a4484e59ec::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(136, 62%, 42%, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

footer.egln_a4484e59ec::after{
    content: "";
    position: absolute;
    bottom: -100px;
    left: -60px;
    width: min(24.33vw, 407px);
    height: clamp(249px, 31.55vh, 414px);
    background: radial-gradient(circle, hsla(252, 56%, 52%, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none; color: #ffffff;}

footer .fafd_9b43f3ae1f{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    position: relative;
    z-index: 1;
    }

footer .gnk_e618ea725f{
    flex: 1 1 260px;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

footer .kfoh_28316a44fc{
    display: flex;
    align-items: center;
    gap: 10px;
    }

footer .eili_7777070d46{
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    }

footer .ool_484a11e8fc{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }

footer .bkjf_94c19474a3{
    font-size: 0.88rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    }

footer .nehn_a52e393007{
    display: flex;
    gap: 10px;
    margin-top: 4px;
    }

footer .demf_b707772553{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.6);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .demf_b707772553:hover{
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    transform: translateY(-2px);
    }

footer .bcd_3d377a0c81{
    width: 18px;
    height: 18px;
    }

footer .llk_e19d582112{
    flex: 0 1 140px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }

footer .pepo_c6c94562cc{
    font-size: 0.82rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 4px;
    }

footer .ajom_86f086cd01{
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    line-height: 1.5;
    }

footer .ajom_86f086cd01:hover{
    color: hsl(136, 62%, 55%);
    padding-left: 4px;
    }

footer .naj_8e57e10a49{
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    justify-content: center;
    }

footer .jncm_24830805cf{
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-weight: 500;
    }

footer .bkkp_99b8fe83a6{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    font-size: 0.92rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, hsl(136, 62%, 42%) 0%, hsl(160, 55%, 38%) 50%, hsl(252, 56%, 52%) 100%);
    border-radius: var(--radius-md, 14px);
    text-decoration: none;
    box-shadow: 0 4px 20px hsla(136, 62%, 42%, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: var(--transition, all 0.24s ease);
    letter-spacing: 0.01em;
    }

footer .bkkp_99b8fe83a6:hover{
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 8px 30px hsla(136, 62%, 42%, 0.4), 0 4px 12px rgba(0, 0, 0, 0.25);
    }

footer .npbi_24cc7e617d{
    max-width: var(--max-width, 1200px);
    margin: 48px auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);
    }

footer .cai_475f0ca6d5{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 20px 028px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
    }

footer .bdp_fcfa9b041a{
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;flex: 1 1 auto;
    }

footer .imbd_b3f201de35{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    }

footer .jmc_8fff2db1fd{
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    transition: var(--transition, all 0.24s ease);
    }

footer .jmc_8fff2db1fd:hover{
    color: hsl(136, 62%, 55%);
    }

footer .lljn_a991ac7f72{
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.2);
    }

@media (max-width: 768px) {footer.egln_a4484e59ec{
    padding: 48px 20px 0;
    }
    footer .fafd_9b43f3ae1f{
    gap: 32px;
    }
    footer .gnk_e618ea725f{
    flex: 1 1 100%;
    }
    footer .llk_e19d582112{
    flex: 1 1 calc(50% - 20px);
    min-width: 120px;
    }
    footer .naj_8e57e10a49{
    flex: 1 1 100%;
    align-items: stretch;
    }
    footer .bkkp_99b8fe83a6{
    text-align: center;
    }
    footer .cai_475f0ca6d5{
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 18px 0 24px;
    }
    footer .bdp_fcfa9b041a{
    flex: 1 1 100%;
    }}

.cc-sec-area.active,
.cc-sec-area.cc-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}