:root {
  --primary-color: hsl(227, 65%, 53%);
  --secondary-color: hsl(260, 55%, 52%);
  --bg-color: hsl(228, 20%, 98%);
  --text-color: hsl(225, 25%, 12%);
  --text-muted: hsl(225, 12%, 46%);
  --border-color: rgba(30, 40, 80, 0.08);
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 6px rgba(30, 40, 80, 0.06);
  --shadow-md: 0 6px 20px rgba(30, 40, 80, 0.1);
  --shadow-lg: 0 14px 36px rgba(30, 40, 80, 0.16);
  --nav-height: 60px;
  --max-width: clamp(940px, 90vw, 1400px);
  --transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --page-primary: hsl(227, 65%, 53%);
  --page-primary-dark: hsl(106, 70%, 38%);
  --page-secondary: hsl(227, 65%, 53%);
  --page-secondary-dark: hsl(227, 65%, 43%);
  --page-text: hsl(106, 10%, 7%);
  --page-text-light: hsl(106, 5%, 40%);
  --page-bg: hsl(106, 8%, 97%);
  --page-surface: #ffffff;
  --page-border: hsl(220, 12%, 90%);
  --page-radius: 10px;
  --page-radius-lg: 16px;
  --page-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --page-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --page-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --page-primary-light: hsl(227, 65%, 96%);
  --page-accent: hsl(106, 81%, 53%);
  --page-accent-dark: hsl(106, 60%, 38%);
  --page-text-secondary: hsl(220, 8%, 46%);
  --page-radius-sm: 6px;
  --page-radius-md: 10px;
  --skin-primary: hsl(106, 81%, 53%);
  --skin-primary-dark: hsl(106, 70%, 38%);
  --skin-secondary: hsl(227, 65%, 53%);
  --skin-secondary-light: hsl(227, 65%, 96%);
  --skin-text: hsl(106, 10%, 7%);
  --skin-text-muted: hsl(106, 5%, 40%);
  --skin-bg: hsl(106, 8%, 97%);
  --skin-surface: #ffffff;
  --skin-border: hsl(106, 8%, 89%);
  --skin-radius: 10px;
  --skin-radius-lg: 16px;
  --skin-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --skin-shadow-md: 0 4px 16px rgba(0,0,0,0.07);
  --vc-primary: hsl(106, 81%, 53%);
  --vc-primary-dark: hsl(106, 70%, 38%);
  --vc-secondary: hsl(227, 65%, 53%);
  --vc-secondary-light: hsl(227, 65%, 96%);
  --vc-text: hsl(106, 10%, 7%);
  --vc-text-muted: hsl(106, 5%, 40%);
  --vc-bg: hsl(106, 8%, 97%);
  --vc-surface: #ffffff;
  --vc-border: hsl(220, 15%, 90%);
  --vc-radius: 10px;
  --vc-radius-sm: 6px;
  --vc-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --vc-shadow-md: 0 4px 16px rgba(0,0,0,0.07);
  --ts-primary: hsl(106, 81%, 53%);
  --ts-primary-dark: hsl(106, 70%, 38%);
  --ts-secondary: hsl(227, 65%, 53%);
  --ts-secondary-light: hsl(227, 65%, 96%);
  --ts-text: hsl(106, 10%, 7%);
  --ts-text-muted: hsl(106, 5%, 40%);
  --ts-bg: hsl(106, 8%, 97%);
  --ts-surface: #ffffff;
  --ts-border: hsl(220, 10%, 90%);
  --ts-warning: hsl(38, 92%, 50%);
  --ts-danger: hsl(0, 72%, 56%);
  --ts-code-bg: hsl(220, 14%, 96%);
  --ts-radius-sm: 6px;
  --ts-radius-md: 10px;
  --ts-radius-lg: 16px;
}

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

body{
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }

.hif_04ac2a8686{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(245, 246, 250, 0.82);
    backdrop-filter: blur(18px) saturate(1.6);
    -webkit-backdrop-filter: blur(18px) saturate(1.6);
    border-bottom: 1px solid var(--border-color);
    }

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

.eehp_b549dacee9{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    }

.jdip_431344983c{
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    }

.fcj_5b65394d5c{
    width: 100%;
    height: 100%;
    display: block;
    }

.hnh_83e242e63b{
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: -0.01em;
    white-space: nowrap;
    }

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

.pahe_feacdadfbe{
    flex-shrink: 0;
    }

.gdl_41714ff386{
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 480;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    line-height: 1.5;
    }

.gdl_41714ff386:hover{
    color: #ffffff;
    background: rgba(30, 40, 80, 0.05);
    }

.gdl_41714ff386:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    }

.lni_2962dd5311{
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
    }

.apm_5229e71235{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 20px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 2px 10px rgba(79, 70, 229, 0.28);
    white-space: nowrap;letter-spacing: 0.01em;
    }

.apm_5229e71235:hover{
    box-shadow: 0 4px 18px rgba(79, 70, 229, 0.38);
    transform: translateY(-1px);
    filter: brightness(1.08);
    }

.apm_5229e71235:active{
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(79, 70, 229, 0.22);
    }

.apm_5229e71235:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 3px;
    }

.jpi_051fd9c321{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    margin-left: auto;
    }

.jpi_051fd9c321:hover{
    background: rgba(30, 40, 80, 0.05); color: #ffffff;}

.jpi_051fd9c321:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    }

.hpi_8001419c10{
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }

.bkjd_25eec6c31d{
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(15, 20, 40, 0.35);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; color: #ffffff;}

.bkjd_25eec6c31d.is-visible{
    opacity: 1;
    visibility: visible;
    }

.ojo_9e68efc039{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1002;
    width: min(22.0vw, 349px);
    max-width: 85vw;
    height: 100dvh;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    }

.ojo_9e68efc039.is-open{
    transform: translateX(0);
    }

.ejei_7674f27764{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    }

.apm_7ba4ae2ded{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    transition: var(--transition);
    }

.apm_7ba4ae2ded:hover{
    background: rgba(30, 40, 80, 0.06);
    color: #ffffff;
    }

.apm_7ba4ae2ded:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    }

.glp_f697a0d058{
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }

.japl_77dd408cea{
    margin-bottom: 2px;
    }

.eaga_b448070a19{
    display: block;
    padding: 11px 14px;
    font-size: 14.5px;
    font-weight: 480;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    line-height: 1.45;
    }

.eaga_b448070a19:hover{
    color: #ffffff;
    background: rgba(30, 40, 80, 0.05);
    }

.eaga_b448070a19:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    }

.njjm_3fadc29829{
    padding: 16px 20px 28px;
    flex-shrink: 0;
    }

.iadb_e6da9be7f3{
    width: 100%;
    height: 42px;
    font-size: 14.5px;
    border-radius: var(--radius-md);
    }

@media (max-width: 1080px) {.onl_2da526f58d {
    display: none;
    }
    .lni_2962dd5311 {
    display: none;
    }
    .jpi_051fd9c321 {
    display: flex;
    }}

@media (min-width: 1081px) {.bkjd_25eec6c31d,
    .ojo_9e68efc039 {
    display: none;
    }}

.eaga_b448070a19.active{color: #ffffff; background: rgba(30, 40, 80, 0.05);}

.gdl_41714ff386.active{color: #ffffff; background: rgba(30, 40, 80, 0.05);}

main.m40b0494a2a .laof_511b13f750{
    position: relative;
    padding: 80px 24px 64px;
    background: linear-gradient(165deg, hsl(227, 50%, 96%) 0%, var(--page-bg) 50%, hsl(106, 20%, 94%) 100%);
    overflow: hidden;
    }

main.m40b0494a2a .laof_511b13f750::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    background: radial-gradient(circle, hsla(106, 81%, 53%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }

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

main.m40b0494a2a .jcgi_0742c328d2 h1{
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--page-text);
    line-height: 1.3;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    }

main.m40b0494a2a .jcgi_0742c328d2 h1 span{
    color: var(--page-secondary);
    }

main.m40b0494a2a .fokm_5761baeeef{
    font-size: 1.05rem;
    line-height: 1.75;
    color: var(--page-text-light);
    margin: 0 0 32px;
    max-width: clamp(332px, 33.37vw, 559px);
    }

main.m40b0494a2a .ilco_1a7ad5d841{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    }

main.m40b0494a2a .job_b4692f6bcd{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--page-secondary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: var(--page-radius);
    text-decoration: none;
    box-shadow: 0 4px 14px hsla(227, 65%, 53%, 0.3);
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
    cursor: pointer;
    }

main.m40b0494a2a .job_b4692f6bcd:hover{
    background: var(--page-secondary-dark);
    box-shadow: 0 6px 20px hsla(227, 65%, 53%, 0.4);
    transform: translateY(-1px);
    }

main.m40b0494a2a .lnip_cbeb44e290{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--page-surface);
    color: var(--page-secondary);
    font-size: 1rem;
    font-weight: 600;
    border:1.5px solid var(--page-border);
    border-radius: var(--page-radius);
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s;}

main.m40b0494a2a .lnip_cbeb44e290:hover{
    border-color: var(--page-secondary);
    background: hsla(227, 65%, 53%, 0.04); color: #ffffff;}

main.m40b0494a2a .kaj_2f4ae1637a{
    position: relative;
    border-radius: var(--page-radius-lg);
    overflow: hidden;box-shadow: var(--page-shadow-lg);
    }

main.m40b0494a2a .kaj_2f4ae1637a img{
    width: 100%;
    height: auto;
    display: block;object-fit: cover;
    }

main.m40b0494a2a .kkmm_171900a843{
    display: inline-block;
    padding: 5px 14px;
    background: hsla(106, 81%, 53%, 0.12);
    color: var(--page-primary-dark);
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 18px;
    letter-spacing: 0.01em;
    }

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

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

main.m40b0494a2a .jkfc_10603d81d6{
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--page-text);
    margin: 0 0 12px;
    line-height: 1.35;
    }

main.m40b0494a2a .dho_c4eb61ebc7{
    font-size: 1rem;
    color: var(--page-text-light);
    margin: 0 0 44px;
    max-width: clamp(415px, 41.72vw, 698px);
    line-height: 1.65;
    }

main.m40b0494a2a .ndjp_09a883427c{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }

main.m40b0494a2a .jpj_c726b16ba2{
    padding: 32px 28px;
    background: var(--page-bg);
    border-radius: var(--page-radius-lg);
    border: 1px solid var(--page-border);
    transition: box-shadow 0.25s, transform 0.2s;
    }

main.m40b0494a2a .jpj_c726b16ba2:hover{
    box-shadow: var(--page-shadow-md);
    transform: translateY(-3px);
    }

main.m40b0494a2a .lkbi_cfd1461278{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--page-secondary);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 50%;
    margin-bottom: 18px;
    }

main.m40b0494a2a .jpj_c726b16ba2 h3{
    font-size: 1.1rem;
    font-weight: 650;
    color: var(--page-text);
    margin: 0 0 10px;
    }

main.m40b0494a2a .jpj_c726b16ba2 p{
    font-size: 0.92rem;
    color: var(--page-text-light);
    line-height: 1.7;
    margin: 0;
    }

main.m40b0494a2a .jpj_c726b16ba2 code{
    background: hsla(227, 40%, 92%, 0.6);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.85rem;
    color: var(--page-secondary-dark);
    }

main.m40b0494a2a .endb_b048b84754{
    padding: 72px 24px;
    background: linear-gradient(180deg, var(--page-bg) 0%, hsl(227, 30%, 96%) 100%);
    }

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

main.m40b0494a2a .dhd_999c0b90e5{
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-md);
    }

main.m40b0494a2a .dhd_999c0b90e5 img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m40b0494a2a .bobg_4f2984cf27{
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    }

main.m40b0494a2a .bobg_4f2984cf27 li{
    padding: 12px 0;
    border-bottom: 1px solid var(--page-border);
    display: flex;
    justify-content: space-between;
    align-items: center;font-size: 0.95rem;
    color: var(--page-text);
    }

main.m40b0494a2a .bobg_4f2984cf27 li:last-child{
    border-bottom: none;
    }

main.m40b0494a2a .bobg_4f2984cf27 .lab_153a2d0d66{
    font-weight: 600;
    min-width: 120px;
    }

main.m40b0494a2a .bobg_4f2984cf27 .fkmm_b0acf79a92{
    color: var(--page-text-light);
    text-align: right;
    }

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

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

main.m40b0494a2a .lcel_48420050b6{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 32px;
    margin-top: 40px;
    }

main.m40b0494a2a .jpp_be43eb6ad9{
    padding: 32px;
    border-radius: var(--page-radius-lg);
    border: 1px solid var(--page-border);
    background: var(--page-bg);
    position: relative;
    overflow: hidden;
    }

main.m40b0494a2a .jpp_be43eb6ad9::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--page-secondary);
    border-radius: 0 4px 4px 0;
    }

main.m40b0494a2a .jpp_be43eb6ad9 h3{
    font-size: 1.1rem;
    font-weight: 650;
    color: var(--page-text);
    margin: 0 0 12px;
    }

main.m40b0494a2a .jpp_be43eb6ad9 p{
    font-size: 0.92rem;
    color: var(--page-text-light);
    line-height: 1.7;
    margin: 0 0 16px;
    }

main.m40b0494a2a .jpp_be43eb6ad9 p:last-child{
    margin-bottom: 0;
    }

main.m40b0494a2a .hfje_3abc05a7aa{
    color: var(--page-secondary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }

main.m40b0494a2a .hfje_3abc05a7aa:hover{
    border-bottom-color: var(--page-secondary);
    }

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

main.m40b0494a2a .ino_1cd43448c4{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 48px;
    align-items: center;
    }

main.m40b0494a2a .kje_8f27a7518b{
    order: 2;
    }

main.m40b0494a2a .hihi_0946510c57{
    order: 1;
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-md);
    }

main.m40b0494a2a .hihi_0946510c57 img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m40b0494a2a .fald_a4dbcc6c3a{
    margin-top: 20px;
    padding: 16px 20px;
    background: hsla(106, 81%, 53%, 0.07);
    border-left: 3px solid var(--page-primary-dark);
    border-radius: 0 var(--page-radius) var(--page-radius) 0;
    font-size: 0.9rem;
    color: var(--page-text);
    line-height: 1.65;
    }

main.m40b0494a2a .fifi_0f77d3265e{
    padding: 64px 24px;
    background: linear-gradient(165deg, hsl(227, 45%, 25%) 0%, hsl(227, 50%, 18%) 100%);
    color: #fff;
    }

main.m40b0494a2a .mba_c009479787{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    text-align: center;
    }

main.m40b0494a2a .fifi_0f77d3265e h2{
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 12px;
    color: #fff;
    }

main.m40b0494a2a .hnm_064e783bcc{
    font-size: 1rem;
    color: hsla(0, 0%, 100%, 0.7);
    margin: 0 0 36px;
    }

main.m40b0494a2a .loeg_8aba363013{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }

main.m40b0494a2a .adan_23863526d3{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    background: hsla(0, 0%, 100%, 0.1);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: var(--page-radius);
    text-decoration: none;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    transition: background 0.2s, border-color 0.2s;
    }

main.m40b0494a2a .adan_23863526d3:hover{
    background: hsla(0, 0%, 100%, 0.18);
    border-color: hsla(0, 0%, 100%, 0.3);
    }

main.m40b0494a2a .adan_23863526d3 svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    }

.idx-footer.bifa_d2c9245c39{
    padding: 40px 24px;
    background: hsl(227, 50%, 14%);
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.8;
    }

.idx-footer.bifa_d2c9245c39 a{
    color: hsla(0, 0%, 100%, 0.65);
    text-decoration: none;
    }

.idx-footer.bifa_d2c9245c39 a:hover{
    color: #fff;
    }

.idx-footer.bifa_d2c9245c39-sep{
    display: inline-block;
    margin: 0 10px;
    opacity: 0.3;
    }

@media (max-width: 820px) {main.m40b0494a2a .dld_0ef8cb2a5b, main.m40b0494a2a .nfja_0759a620aa, main.m40b0494a2a .ino_1cd43448c4{
    grid-template-columns: 1fr;gap: 32px;
    }
    main.m40b0494a2a .jcgi_0742c328d2 h1{
    font-size: 1.9rem;
    }
    main.m40b0494a2a .ndjp_09a883427c{
    grid-template-columns: 1fr;
    }
    main.m40b0494a2a .lcel_48420050b6{
    grid-template-columns: 1fr;
    }
    main.m40b0494a2a .kje_8f27a7518b{
    order: 1;
    }
    main.m40b0494a2a .hihi_0946510c57{
    order: 2;
    }
    main.m40b0494a2a .loeg_8aba363013{
    flex-direction: column;align-items: center;
    }}

@media (max-width: 480px) {main.m40b0494a2a .laof_511b13f750{
    padding: 56px 16px 48px;
    }
    main.m40b0494a2a .jcgi_0742c328d2 h1{
    font-size: 1.6rem;
    }
    main.m40b0494a2a .ilco_1a7ad5d841{
    flex-direction: column;
    }
    main.m40b0494a2a .job_b4692f6bcd, main.m40b0494a2a .lnip_cbeb44e290{
    width: 100%;justify-content: center;
    }
    main.m40b0494a2a .jkfc_10603d81d6{
    font-size: 1.4rem;
    }}

footer.bifa_d2c9245c39{
    background: hsl(225, 25%, 10%);
    color: hsl(225, 15%, 70%);
    padding: 48px 0 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

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

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

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

footer .gmee_4ca87f6187{
    font-size: 13px;
    color: hsl(225, 12%, 52%);
    margin: 0;
    }

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

footer .kfoi_61d8c6d6c2{
    color: hsl(225, 15%, 65%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    font-size: 13.5px;
    }

footer .kfoi_61d8c6d6c2:hover{
    color: #fff;
    background: hsla(227, 65%, 53%, 0.15);
    }

footer .mog_1833385d52{
    width: 1px;
    height: 14px;
    background: hsl(225, 15%, 24%);
    flex: 0 0 1px; color: #ffffff;}

footer .npj_4d12b0f101{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid hsl(225, 15%, 18%);
    gap: 16px;
    flex-wrap: wrap;
    }

footer .omh_2b0eef9216{
    margin: 0;
    font-size: 12.5px;
    color: hsl(225, 10%, 42%);
    flex: 11 auto;
    }

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

footer .gacj_7562f50b83{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: hsl(225, 12%, 50%);
    background: hsl(225, 18%, 16%);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .gacj_7562f50b83:hover{
    color: #fff;
    background: var(--primary-color, hsl(227, 65%, 53%));
    }

footer .gco_2231231d2a{
    width: 16px;
    height: 16px;
    }

@media (max-width: 600px) {footer.bifa_d2c9245c39{
    padding: 36px 0 24px;
    }
    footer .aiam_1f89d73c4a{
    gap: 22px;
    padding: 0 16px;
    }
    footer .ngld_c42ce4a841{
    gap: 4px;
    }
    footer .kfoi_61d8c6d6c2{
    padding: 4px 8px;
    font-size: 13px;
    }
    footer .npj_4d12b0f101{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    }
    footer .omh_2b0eef9216{
    flex: 1 1 100%;
    }
    footer .ignp_afcdf4b41c{
    flex: 1 1 100%;
    justify-content: center;
    }}

main.m9574353923 .jhck_a13eead025{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    background: linear-gradient(165deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 55%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    text-align: center;
    }

main.m9574353923 .jhck_a13eead025::after{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    border-radius: 50%;
    background: hsla(106, 81%, 53%, 0.1);
    pointer-events: none;
    }

main.m9574353923 .ncbn_6baafaaeaf{
    max-width: clamp(498px, 50.06vw, 838px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.m9574353923 .jhck_a13eead025 h1{
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    }

main.m9574353923 .jhck_a13eead025 .lcnj_d99cd21883{
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    margin: 0 0 36px;
    max-width: clamp(415px, 41.72vw, 698px);margin-left: auto;
    margin-right: auto;
    }

main.m9574353923 .jhck_a13eead025 .iob_883f21defd{
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.85rem;
    opacity: 0.78;
    margin-bottom: 40px;
    }

main.m9574353923 .jhck_a13eead025 .iob_883f21defd span{
    display: flex;
    align-items: center;
    gap: 5px;
    }

main.m9574353923 .jhck_a13eead025 .iob_883f21defd svg{
    width: 14px;
    height: 14px;
    fill: currentColor;
    flex-shrink: 0;
    }

main.m9574353923 .nem_2f34f86d3c{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }

main.m9574353923 .ieca_f0db14daff{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 36px;
    background: hsl(106, 81%, 53%);
    color: hsl(106, 10%, 7%);
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s, box-shadow 0.18s;
    box-shadow: 0 4px 18px hsla(106, 81%, 53%, 0.35);
    }

main.m9574353923 .ieca_f0db14daff:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(106, 81%, 53%, 0.45);
    }

main.m9574353923 .ieca_f0db14daff svg{
    width: 18px;
    height: 18px;
    fill: currentColor;
    }

main.m9574353923 .dldn_27c1b42ef9{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 28px;
    background: hsla(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 500;
    border: 1.5px solid hsla(255, 255, 255, 0.3);
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.18s;
    }

main.m9574353923 .dldn_27c1b42ef9:hover{
    background: hsla(255, 255, 255, 0.22);
    }

main.m9574353923 .gao_c75d8764a1{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    padding: 72px 24px;
    }

main.m9574353923 .gao_c75d8764a1 > h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    text-align: center;
    margin: 0 0 12px;
    }

main.m9574353923 .gao_c75d8764a1 > p{
    text-align: center;
    color: #555;
    font-size: 0.95rem;
    margin: 0 0 48px;
    max-width: clamp(443px, 44.5vw, 745px);
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
    }

main.m9574353923 .baf_ddf18ef738{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    }

main.m9574353923 .bne_4f1b448536{
    background: #fff;
    border: 1px solid hsl(227, 15%, 90%);
    border-radius: 12px;
    padding: 32px 24px 28px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
    }

main.m9574353923 .bne_4f1b448536:hover{
    box-shadow: 0 8px 30px hsla(227, 65%, 53%, 0.1);
    transform: translateY(-3px);
    }

main.m9574353923 .bne_4f1b448536 .djg_ed6506a63f{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    flex-shrink: 0;
    }

main.m9574353923 .bne_4f1b448536 .djg_ed6506a63f svg{
    width: 24px;
    height: 24px;
    }

main.m9574353923 .aikf_e36ce925a2{ background: hsl(207, 90%, 94%); color: hsl(207, 80%, 48%); }

main.m9574353923 .kajm_e2fa4e879a{ background: hsl(0, 0%, 93%); color: hsl(0, 0%, 25%); }

main.m9574353923 .kpd_a4523bfdc3{ background: hsl(140, 60%, 92%); color: hsl(140, 55%, 38%); }

main.m9574353923 .lccj_ef4fc1d7f5{ background: hsl(260, 50%, 93%); color: hsl(260, 50%, 48%); }

main.m9574353923 .aikf_e36ce925a2 svg, main.m9574353923 .kajm_e2fa4e879a svg, main.m9574353923 .kpd_a4523bfdc3 svg, main.m9574353923 .lccj_ef4fc1d7f5 svg{
    fill: currentColor;
    }

main.m9574353923 .bne_4f1b448536 h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 10px;
    }

main.m9574353923 .bne_4f1b448536 .ldg_8e5d575e0a{
    font-size: 0.82rem;
    color: #666;
    line-height: 1.7;
    margin: 0 0 18px;
    flex: 1;
    }

main.m9574353923 .bne_4f1b448536 .ldg_8e5d575e0a span{
    display: block;
    }

main.m9574353923 .bne_4f1b448536 .hhgc_7c5ecee805{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 0;
    background: hsl(227, 65%, 53%);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    border-radius: 7px;
    text-decoration: none;
    transition: background 0.18s;
    }

main.m9574353923 .bne_4f1b448536 .hhgc_7c5ecee805:hover{
    background: hsl(227, 65%, 46%); color: #ffffff;}

main.m9574353923 .bne_4f1b448536 .hhgc_7c5ecee805 svg{
    width: 15px;
    height: 15px;
    fill: currentColor;
    }

main.m9574353923 .kmg_9d318f0d20{
    background: hsl(227, 20%, 96%);
    padding: 72px 24px;
    }

main.m9574353923 .kdej_e62d913b81{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }

main.m9574353923 .opk_9025c92678 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 14px;
    }

main.m9574353923 .opk_9025c92678 p{
    color: #444;
    font-size: 0.93rem;
    line-height: 1.72;
    margin: 0 0 20px;
    }

main.m9574353923 .amk_45c0d97176{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: vs;
    }

main.m9574353923 .amk_45c0d97176 li{
    counter-increment: vs;
    position: relative;
    padding-left: 36px;
    margin-bottom: 14px;
    font-size: 0.9rem;
    color: #444;
    line-height: 1.6;
    }

main.m9574353923 .amk_45c0d97176 li::before{
    content: counter(vs);
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: hsl(227, 65%, 53%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.m9574353923 .amk_45c0d97176 code{
    background: hsl(227, 15%, 90%);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.82rem;
    color: hsl(227, 65%, 40%);
    }

main.m9574353923 .dl-verify-img{
    border-radius: 12px;
    overflow: hidden;
    }

main.m9574353923 .dl-verify-img img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    }

main.m9574353923 .hge_5895545eff{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    padding: 72px 24px;
    }

main.m9574353923 .hge_5895545eff h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 12px;
    text-align: center;
    }

main.m9574353923 .hge_5895545eff > p{
    text-align: center;
    color: #555;
    font-size: 0.93rem;
    line-height: 1.65;
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0 auto40px;
    }

main.m9574353923 .offline-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }

main.m9574353923 .offline-card{
    background: #fff;
    border: 1px solid hsl(106, 15%, 89%);
    border-radius: 10px;
    padding: 28px 24px;
    }

main.m9574353923 .offline-card h3{
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    }

main.m9574353923 .offline-card h3 svg{
    width: 18px;
    height: 18px;
    fill: hsl(227, 65%, 53%);
    flex-shrink: 0;
    }

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

main.m9574353923 .offline-card code{
    background: hsl(106, 10%, 94%);
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.82rem;
    }

main.m9574353923 .dl-tips{
    background: linear-gradient(180deg, hsl(106, 8%, 97%) 0%, hsl(227, 18%, 95%) 100%);
    padding: 72px 24px;
    }

main.m9574353923 .dl-tips-inner{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
    }

main.m9574353923 .dl-tips-img{
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 24px hsla(227, 40%, 30%, 0.08);
    }

main.m9574353923 .dl-tips-img img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m9574353923 .dl-tips-content h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 14px;
    }

main.m9574353923 .dl-tips-content > p{
    color: #444;
    font-size: 0.93rem;
    line-height: 1.7;
    margin: 0 0 24px;
    }

main.m9574353923 .tip-item{
    margin-bottom: 18px;
    padding: 16px 18px;
    background: #fff;
    border-radius: 8px;
    border-left: 3px solid hsl(106, 81%, 53%);
    }

main.m9574353923 .tip-item h3{
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 6px;
    }

main.m9574353923 .tip-item p{
    font-size: 0.85rem;
    color: #555;
    line-height: 1.65;
    margin: 0;
    }

main.m9574353923 .dl-security{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    padding: 64px 24px;
    }

main.m9574353923 .dl-security h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    text-align: center;
    margin: 0 0 36px;
    }

main.m9574353923 .security-row{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    }

main.m9574353923 .security-badge{
    flex: 1;
    min-width: 200px;
    max-width: clamp(221px, 22.25vw, 372px);
    background: #fff;
    border: 1px solid hsl(227, 15%, 90%);
    border-radius: 10px;
    padding: 24px 20px;
    text-align: center;
    }

main.m9574353923 .security-badge .sb-icon{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: hsl(106, 60%, 92%);
    color: hsl(106, 60%, 32%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    }

main.m9574353923 .security-badge .sb-icon svg{
    width: 20px;
    height: 20px;
    fill: currentColor;
    }

main.m9574353923 .security-badge h3{
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 6px;
    }

main.m9574353923 .security-badge p{
    font-size: 0.82rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    }

main.m9574353923 .dl-nav-links{
    max-width: clamp(553px, 55.62vw, 931px);
    margin: 0 auto;
    padding: 0 24px 72px;
    text-align: center;
    }

main.m9574353923 .dl-nav-links p{
    font-size: 0.9rem;
    color: #555;
    line-height: 1.8;
    }

main.m9574353923 .dl-nav-links a{
    color: hsl(227, 65%, 53%);
    text-decoration: none;
    border-bottom: 1px solid hsla(227, 65%, 53%, 0.3);
    transition: border-color 0.18s;
    }

main.m9574353923 .dl-nav-links a:hover{
    border-color: hsl(227, 65%, 53%);
    }

.dl-footer.gobk_a60bd5c497{
    background: hsl(227, 25%, 18%);
    color: hsla(0, 0%, 100%, 0.65);
    padding: 36px 24px;
    text-align: center;
    font-size: 0.82rem;
    line-height: 1.7;
    }

.dl-footer.gobk_a60bd5c497 a{
    color: hsla(0, 0%, 100%, 0.8);
    text-decoration: none;
    }

.dl-footer.gobk_a60bd5c497 a:hover{
    color: #fff;
    }

.dl-footer.gobk_a60bd5c497 .hab_76a33101d7{
    font-weight: 600;
    color: #fff;
    font-size: 0.95rem;
    margin-bottom: 8px;
    }

@media (max-width: 768px) {main.m9574353923 .jhck_a13eead025{ padding: 56px 20px 48px; }
    main.m9574353923 .jhck_a13eead025 h1{ font-size: 1.65rem; }
    main.m9574353923 .kdej_e62d913b81, main.m9574353923 .dl-tips-inner{ grid-template-columns: 1fr; gap: 32px; }
    main.m9574353923 .dl-tips-img{ order: -1; }
    main.m9574353923 .baf_ddf18ef738{ grid-template-columns: 1fr 1fr; }
    main.m9574353923 .security-row{ flex-direction: column; align-items: center; }}

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

footer.gobk_a60bd5c497{
    background: var(--text-color, hsl(225, 25%, 12%));
    padding: 48px 24px 32px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 80px;
    }

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

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

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

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

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

footer .gmj_1b0269678d{
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    }

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

footer .kcao_f468836f0f{
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.15);
    flex: 0 0 1px;
    }

footer .jga_55558fc524{
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    width: 100%;
    text-align: center;
    }

footer .lhje_51fc0e4265{
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    letter-spacing: 0.2px;
    }

@media (max-width: 600px) {footer.gobk_a60bd5c497{
    padding: 36px 16px 24px;margin-top: 48px;
    }
    footer .dojm_60f54ee862{
    gap: 22px;
    }
    footer .blj_61edf00c11{
    gap: 4px;
    }
    footer .gmj_1b0269678d{
    font-size: 13px;
    padding: 4px 8px;
    }
    footer .kcao_f468836f0f{
    display: none;
    }
    footer .lhje_51fc0e4265{
    font-size: 12px;
    }}

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

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

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

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

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

main.mcbb91f4f83 .fgji_0a0aa46beb{
    position: relative;
    overflow: hidden;
    padding: 72px 24px 64px;
    background: linear-gradient(135deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    }

main.mcbb91f4f83 .fgji_0a0aa46beb::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    border-radius: 50%;
    background: hsla(106, 81%, 53%, 0.1);
    pointer-events: none;
    }

main.mcbb91f4f83 .fgji_0a0aa46beb::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: 10%;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: hsla(106, 81%, 53%, 0.07);
    pointer-events: none;
    }

main.mcbb91f4f83 .fepl_0286ee670b{
    max-width: clamp(595px, 59.79vw, 1001px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.mcbb91f4f83 .cdog_8262204e50{
    display: inline-block;
    padding: 4px 14px;
    background: hsla(255,255,255,0.15);
    border-radius: 20px;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    backdrop-filter: blur(4px);
    }

main.mcbb91f4f83 .fgji_0a0aa46beb h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
    }

main.mcbb91f4f83 .kblh_86f6b9902b{
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.92;
    max-width: clamp(443px, 44.5vw, 745px);
    }

main.mcbb91f4f83 .omdl_9d7d32ebfa{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 13px;
    opacity: 0.8;
    }

main.mcbb91f4f83 .omdl_9d7d32ebfa span{
    display: flex;
    align-items: center;
    gap: 6px;
    }

main.mcbb91f4f83 .omdl_9d7d32ebfa svg{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    }

main.mcbb91f4f83 .kaga_576704ad5d{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 24px;
    }

main.mcbb91f4f83 .midg_a5c1135a28{
    padding: 64px 0;
    }

main.mcbb91f4f83 .oob_69bd509cde{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }

main.mcbb91f4f83 .lmb_bcbececd85{
    color: var(--page-text-secondary);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.mcbb91f4f83 .clbk_48740821fe{
    display: flex;
    gap: 0;
    margin-bottom: 36px;
    border-bottom: 2px solid var(--page-border);
    }

main.mcbb91f4f83 .bai_11818188c6{
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--page-text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: inherit, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    }

main.mcbb91f4f83 .bai_11818188c6:hover{
    color: var(--page-primary);
    }

main.mcbb91f4f83 .bai_11818188c6.jmck_868b4e313c{
    color: var(--page-primary);
    border-bottom-color: var(--page-primary);
    }

main.mcbb91f4f83 .edei_76d4255147{
    display: none;}

main.mcbb91f4f83 .edei_76d4255147.jmck_868b4e313c{
    display: block;
    }

main.mcbb91f4f83 .ocm_7febf69159{
    list-style: none;
    position: relative;
    padding-left: 36px;
    }

main.mcbb91f4f83 .ocm_7febf69159::before{
    content: "";
    position: absolute;
    left: 13px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--page-border);
    border-radius: 1px;
    }

main.mcbb91f4f83 .ijbj_6378f39d60{
    position: relative;
    padding-bottom: 32px;
    }

main.mcbb91f4f83 .ijbj_6378f39d60:last-child{
    padding-bottom: 0;
    }

main.mcbb91f4f83 .aoe_a8fcff2c15{
    position: absolute;
    left: -36px;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--page-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    }

main.mcbb91f4f83 .ijbj_6378f39d60 h3{
    font-size: 15px;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 6px;
    line-height: 28px;
    }

main.mcbb91f4f83 .ijbj_6378f39d60 p{
    font-size: 14px;
    color: var(--page-text-secondary);
    line-height: 1.7;
    }

main.mcbb91f4f83 .ijbj_6378f39d60 code{
    background: var(--page-primary-light);
    padding: 1px 7px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--page-primary);
    font-family: "SF Mono", "Consolas", monospace;
    }

main.mcbb91f4f83 .deha_8e9b7299e6{
    padding: 0 0 64px;
    }

main.mcbb91f4f83 .oeba_4d5c86a9ff{
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-md);
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--page-surface);}

main.mcbb91f4f83 .dla_6166612763{
    width: 100%;
    height: 100%;
    object-fit: cover;display: block;
    min-height: 260px;
    }

main.mcbb91f4f83 .ceh_4a586fb39e{
    padding: 40px 36px;display: flex;
    flex-direction: column;
    justify-content: center;
    }

main.mcbb91f4f83 .ceh_4a586fb39e h2{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }

main.mcbb91f4f83 .ceh_4a586fb39e p{
    font-size: 14px;
    color: var(--page-text-secondary);
    line-height: 1.7;
    margin-bottom: 20px;
    }

main.mcbb91f4f83 .gmc_f96053e855{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    background: linear-gradient(135deg, var(--page-primary), hsl(240, 55%, 48%));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: transform 0.15s, box-shadow 0.15s;
    box-shadow: 0 2px 8px hsla(227, 65%, 53%, 0.3);
    }

main.mcbb91f4f83 .gmc_f96053e855:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 16px hsla(227, 65%, 53%, 0.35);
    }

main.mcbb91f4f83 .ig-btn-secondary{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: var(--page-primary-light);
    color: var(--page-primary);
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s;
    }

main.mcbb91f4f83 .ig-btn-secondary:hover{
    background: hsl(227, 65%, 92%);
    }

main.mcbb91f4f83 .dlp_7970eee377{
    padding: 0 0 64px;
    }

main.mcbb91f4f83 .ekig_0f0b6adbbd{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }

main.mcbb91f4f83 .llmn_42814dd4e0{
    color: var(--page-text-secondary);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.mcbb91f4f83 .ijg_581cc09029{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }

main.mcbb91f4f83 .hjo_3b2941795a{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-md);
    padding: 28px 24px;
    transition: box-shadow 0.2s, border-color 0.2s;
    }

main.mcbb91f4f83 .hjo_3b2941795a:hover{
    box-shadow: var(--page-shadow-md);
    border-color: hsl(227, 40%, 82%);
    }

main.mcbb91f4f83 .ig-config-icon{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 18px;
    }

main.mcbb91f4f83 .ig-config-icon.blue{ background: var(--page-primary-light); color: var(--page-primary); }

main.mcbb91f4f83 .ig-config-icon.green{ background: hsl(106, 50%, 92%); color: var(--page-accent-dark); }

main.mcbb91f4f83 .ig-config-icon.purple{ background: hsl(260, 50%, 94%); color: hsl(260, 50%, 50%); }

main.mcbb91f4f83 .hjo_3b2941795a h3{
    font-size: 15px;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 8px;
    }

main.mcbb91f4f83 .hjo_3b2941795a p{
    font-size: 13.5px;
    color: var(--page-text-secondary);
    line-height: 1.65;
    }

main.mcbb91f4f83 .ig-trouble{
    padding: 0 0 64px;
    }

main.mcbb91f4f83 .ig-trouble-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }

main.mcbb91f4f83 .ig-trouble-intro{
    color: var(--page-text-secondary);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: clamp(470px, 47.28vw, 792px);
    }

main.mcbb91f4f83 .ig-faq-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    }

main.mcbb91f4f83 .ig-faq-item{
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-md);
    background: var(--page-surface);
    overflow: hidden;
    }

main.mcbb91f4f83 .ig-faq-q{
    width: 100%;
    padding: 18px 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--page-text);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: inherit, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    line-height: 1.5;
    transition: background 0.15s;
    }

main.mcbb91f4f83 .ig-faq-q:hover{
    background: hsl(227, 20%, 98%);
    }

main.mcbb91f4f83 .ig-faq-arrow{
    width: 20px;
    height: 20px;
    flex-shrink: 0;transition: transform 0.25s;
    color: var(--page-text-secondary);
    }

main.mcbb91f4f83 .ig-faq-item.open .ig-faq-arrow{
    transform: rotate(180deg);
    }

main.mcbb91f4f83 .ig-faq-a{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    }

main.mcbb91f4f83 .ig-faq-item.open .ig-faq-a{
    max-height: clamp(213px, 27.04vh, 355px);
    }

main.mcbb91f4f83 .ig-faq-a-inner{
    padding: 0 24px 18px;
    font-size: 13.5px;
    color: var(--page-text-secondary);
    line-height: 1.7;
    }

main.mcbb91f4f83 .ig-links{
    padding: 0 0 72px;
    }

main.mcbb91f4f83 .ig-links-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    }

main.mcbb91f4f83 .ig-link-card{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-md);
    text-decoration: none;
    transition: box-shadow 0.2s, border-color 0.2s;
    }

main.mcbb91f4f83 .ig-link-card:hover{
    box-shadow: var(--page-shadow-md);
    border-color: hsl(227, 40%, 82%);
    }

main.mcbb91f4f83 .ig-link-icon{
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--page-primary-light);
    color: var(--page-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;}

main.mcbb91f4f83 .ig-link-text{
    font-size: 14px;
    font-weight: 600;
    color: var(--page-text);
    }

main.mcbb91f4f83 .ig-link-sub{
    font-size: 12px;
    color: var(--page-text-secondary);
    margin-top: 2px;
    }

.ig-footer.blc_9c3adb31b6{
    border-top: 1px solid var(--page-border);
    padding: 32px 24px;
    text-align: center;
    }

.ig-footer.blc_9c3adb31b6-inner{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    }

.ig-footer.blc_9c3adb31b6-brand{
    font-size: 15px;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 6px;
    }

.ig-footer.blc_9c3adb31b6-copy{
    font-size: 13px;
    color: var(--page-text-secondary);
    }

@media (max-width: 680px) {main.mcbb91f4f83 .fgji_0a0aa46beb{ padding: 56px 20px 48px; }
    main.mcbb91f4f83 .oeba_4d5c86a9ff{ grid-template-columns: 1fr; }
    main.mcbb91f4f83 .dla_6166612763{ min-height: 200px; }
    main.mcbb91f4f83 .ceh_4a586fb39e{ padding: 28px 24px; }
    main.mcbb91f4f83 .bai_11818188c6{ padding: 10px 16px; font-size: 13px; }
    main.mcbb91f4f83 .ig-links-grid{ grid-template-columns: 1fr; }
    main.mcbb91f4f83 .omdl_9d7d32ebfa{ flex-direction: column; gap: 8px; }}

footer.blc_9c3adb31b6{
    background: hsl(225, 25%, 10%);
    padding: 48px 24px 32px;
    color: hsl(225, 15%, 65%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

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

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

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

footer .ilh_908a2ac37e{
    font-size: 13px;
    color: hsl(225, 12%, 50%);
    margin: 0;
    }

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

footer .kdk_9b062f58cc{
    color: hsl(225, 15%, 65%);
    text-decoration: none;
    padding: 4px 12px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    font-size: 14px;
    }

footer .kdk_9b062f58cc:hover{
    color: #fff;
    background: hsla(227, 65%, 53%, 0.15);
    }

footer .pnl_ad463e2d24{
    width: 1px;
    height: 14px;
    background: hsla(225, 15%, 65%, 0.2);
    flex: 0 0 auto;
    }

footer .jcp_b64797b2ac{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid hsla(225, 15%, 65%, 0.12);
    flex: 0 0 auto;
    }

footer .flpb_92a515970a{
    margin: 0;
    font-size: 13px;
    color: hsl(225, 12%, 42%);
    flex: 11 auto;
    }

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

footer .gmm_2be1c2a30d{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: hsl(225, 12%, 50%);
    background: hsla(225, 15%, 65%, 0.08);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .gmm_2be1c2a30d:hover{
    color: #fff;
    background: var(--primary-color, hsl(227, 65%, 53%));
    }

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

@media (max-width: 640px) {footer.blc_9c3adb31b6{
    padding: 36px 16px 24px;
    }
    footer .cnm_42f9cfe9d8{
    gap: 22px;
    }
    footer .kmpp_03eba24aff{
    gap: 4px;
    }
    footer .kdk_9b062f58cc{
    padding: 4px 8px;
    font-size: 13px;
    }
    footer .jcp_b64797b2ac{
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    }
    footer .flpb_92a515970a{
    flex: 0 0 auto;
    }}

main.mc4d541a907 .cfm_4e6549037a{
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1.5rem 3.5rem;
    background: linear-gradient(135deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    }

main.mc4d541a907 .cfm_4e6549037a::after{
    content: "";
    position: absolute;
    top: -40%;
    right: -15%;
    width: min(36.15vw, 605px);
    height: clamp(370px, 46.88vh, 616px);
    border-radius: 50%;
    background: hsla(106, 81%, 53%, 0.1);
    pointer-events: none;
    }

main.mc4d541a907 .jngd_c8886a59f7{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.mc4d541a907 .cfm_4e6549037a h1{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
    }

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

main.mc4d541a907 .iok_17bf2a4248{
    max-width: clamp(733px, 73.7vw, 1234px);
    margin: 0 auto;
    padding: 0 1.5rem;
    }

main.mc4d541a907 .nmg_9af7763c01{
    padding: 3.5rem 02.5rem;
    }

main.mc4d541a907 .nmg_9af7763c01 h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 0.5rem;
    }

main.mc4d541a907 .cbo_f31701e54f{
    font-size: 0.95rem;
    color: #555;
    margin: 0 0 1.8rem;
    line-height: 1.65;
    max-width: clamp(498px, 50.06vw, 838px);
    }

main.mc4d541a907 .mbhg_7a8f9783c3{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    box-shadow: 0 2px 16px hsla(227, 40%, 30%, 0.08);
    }

main.mc4d541a907 .nlf_f8513146db{
    width: 100%;
    min-width: clamp(394px, 34.04vw, 680px);
    border-collapse: collapse;
    font-size: 0.92rem;
    background: #fff;
    }

main.mc4d541a907 .nlf_f8513146db thead{
    background: hsl(227, 65%, 53%);
    color: #fff;
    }

main.mc4d541a907 .nlf_f8513146db th{
    padding: 0.85rem 1rem;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
    }

main.mc4d541a907 .nlf_f8513146db td{
    padding: 0.78rem 1rem;
    border-bottom: 1px solid hsl(106, 8%, 92%);
    color: var(--text-color, hsl(106, 10%, 7%));
    line-height: 1.55;
    }

main.mc4d541a907 .nlf_f8513146db tbody tr:last-child td{
    border-bottom: none;
    }

main.mc4d541a907 .nlf_f8513146db tbody tr:hover{
    background: hsl(106, 8%, 97%);
    }

main.mc4d541a907 .eob_f02c489a8e{
    display: inline-block;
    font-size: 0.76rem;
    padding: 0.15em 0.55em;
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.5;
    }

main.mc4d541a907 .kjg_2bac7c030f{
    background: hsla(106, 81%, 53%, 0.16);
    color: hsl(106, 60%, 28%);
    }

main.mc4d541a907 .cgl_b7155b4328{
    background: hsla(40, 90%, 55%, 0.16);
    color: hsl(35, 70%, 32%);
    }

main.mc4d541a907 .cim_e7acdb3bc8{
    background: hsla(0, 60%, 55%, 0.14);
    color: hsl(0, 50%, 38%);
    }

main.mc4d541a907 .jem_c59843956d{
    padding: 2.5rem 03rem;
    }

main.mc4d541a907 .jem_c59843956d h2{
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 0.4rem;
    }

main.mc4d541a907 .emb_4080d48821{
    font-size: 0.95rem;
    color: #555;
    margin: 0 0 1.8rem;
    line-height: 1.65;
    max-width: clamp(498px, 50.06vw, 838px);
    }

main.mc4d541a907 .kfgg_6c34553fc1{
    width: 100%;
    min-width: clamp(441px, 38.04vw, 760px);
    border-collapse: collapse;
    font-size: 0.9rem;
    background: #fff;
    }

main.mc4d541a907 .kfgg_6c34553fc1 thead{
    background: hsl(227, 55%, 96%);
    }

main.mc4d541a907 .kfgg_6c34553fc1 th{
    padding: 0.75rem 0.9rem;
    text-align: center;
    font-weight: 600;
    color: hsl(227, 50%, 35%);
    border-bottom: 2px solid hsl(227, 50%, 88%);
    }

main.mc4d541a907 .kfgg_6c34553fc1 th:first-child{
    text-align: left;
    }

main.mc4d541a907 .kfgg_6c34553fc1 td{
    padding: 0.7rem 0.9rem;
    text-align: center;
    border-bottom: 1px solid hsl(106, 8%, 92%);
    color: var(--text-color, hsl(106, 10%, 7%));
    }

main.mc4d541a907 .kfgg_6c34553fc1 td:first-child{
    text-align: left;
    font-weight: 500;
    }

main.mc4d541a907 .opcf_c0bd34ea8f{
    color: hsl(106, 60%, 36%);
    font-weight: 700;
    }

main.mc4d541a907 .kpc_e98ff14da6{
    color: hsl(0, 45%, 52%);
    font-weight: 700;
    }

main.mc4d541a907 .jgh_4ec7b65b48{
    color: hsl(40, 70%, 42%);
    font-weight: 600;
    font-size: 0.82rem;
    }

main.mc4d541a907 .ofe_0d58f8ccd6{
    padding: 3rem 0;background: hsl(227, 55%, 97%);
    }

main.mc4d541a907 .kkll_c43463263d{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-items: center;
    }

main.mc4d541a907 .ofe_0d58f8ccd6 h2{
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 0.9rem;
    }

main.mc4d541a907 .opkb_3e3623b728 p{
    font-size: 0.94rem;
    line-height: 1.72;
    color: #444;
    margin: 0 0 0.85rem;
    }

main.mc4d541a907 .fgbm_1c4e741e80{
    list-style: none;
    padding: 0;
    margin: 1.2rem 0 0;
    counter-reset: step;
    }

main.mc4d541a907 .fgbm_1c4e741e80 li{
    counter-increment: step;
    position: relative;
    padding-left: 2.2rem;
    margin-bottom: 0.75rem;
    font-size: 0.92rem;
    line-height: 1.6;
    color: #333;
    }

main.mc4d541a907 .fgbm_1c4e741e80 li::before{
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0.05em;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    background: hsl(227, 65%, 53%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.mc4d541a907 .ijn_330e823807{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 20px hsla(227, 40%, 30%, 0.1);
    display: block;
    }

main.mc4d541a907 .bcab_8faac25662{
    padding: 3rem 0 2.5rem;
    }

main.mc4d541a907 .bcab_8faac25662 h2{
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 1.5rem;
    }

main.mc4d541a907 .lgk_9a767ea574{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 1.3rem;
    }

main.mc4d541a907 .kih_4f847b5b29{
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px hsla(227, 40%, 30%, 0.06);
    border-left: 4px solid hsl(227, 65%, 53%);
    }

main.mc4d541a907 .kih_4f847b5b29 h3{
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.55rem;
    color: hsl(227, 55%, 40%);
    }

main.mc4d541a907 .kih_4f847b5b29 p{
    font-size: 0.9rem;
    line-height: 1.65;
    color: #555;
    margin: 0;
    }

main.mc4d541a907 .kih_4f847b5b29 code{
    background: hsl(227, 55%, 96%);
    padding: 0.12em 0.4em;
    border-radius: 4px;
    font-size: 0.85rem;
    color: hsl(227, 50%, 35%);
    }

main.mc4d541a907 .ps-optimize{
    padding: 3rem 0;
    background: hsl(106, 8%, 97%);
    }

main.mc4d541a907 .ps-optimize h2{
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 0.5rem;
    }

main.mc4d541a907 .ps-optimize-lead{
    font-size: 0.94rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 1.8rem;
    max-width: clamp(484px, 48.67vw, 815px);
    }

main.mc4d541a907 .ps-opt-cols{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    }

main.mc4d541a907 .ps-opt-block{
    background: #fff;
    border-radius: 10px;
    padding: 1.6rem;
    box-shadow: 0 2px 12px hsla(227, 40%, 30%, 0.06);
    }

main.mc4d541a907 .ps-opt-block h3{
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.7rem;
    color: hsl(227, 55%, 40%);
    }

main.mc4d541a907 .ps-opt-block p{
    font-size: 0.9rem;
    line-height: 1.68;
    color: #444;
    margin: 0 0 0.6rem;
    }

main.mc4d541a907 .ps-opt-block p:last-child{
    margin-bottom: 0;
    }

main.mc4d541a907 .ps-kbd{
    display: inline-block;
    background: hsl(227, 55%, 96%);
    border: 1px solid hsl(227, 40%, 88%);
    border-radius: 4px;
    padding: 0.1em 0.45em;
    font-size: 0.82rem;
    font-family: inherit, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
    color: hsl(227, 50%, 35%);
    }

main.mc4d541a907 .ps-visual{
    padding: 3rem 0 2rem;
    text-align: center;
    }

main.mc4d541a907 .ps-visual-img{
    max-width: clamp(498px, 50.06vw, 838px);
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 6px 28px hsla(227, 40%, 30%, 0.1);
    }

main.mc4d541a907 .ps-visual-cap{
    font-size: 0.88rem;
    color: #777;
    margin-top: 0.8rem;
    }

main.mc4d541a907 .ps-cta-bar{
    padding: 2.5rem 0 3.5rem;
    text-align: center;
    }

main.mc4d541a907 .ps-cta-bar p{
    font-size: 1rem;
    color: #555;
    margin: 0 0 1.2rem;
    line-height: 1.6;
    }

main.mc4d541a907 .ps-cta-btn{
    display: inline-block;
    padding: 0.85rem 2.2rem;
    background: linear-gradient(135deg, hsl(227, 65%, 53%), hsl(260, 50%, 48%));
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px hsla(227, 60%, 40%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }

main.mc4d541a907 .ps-cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px hsla(227, 60%, 40%, 0.38);
    }

.ps-footer.ogcn_f26ed886ee{
    background: hsl(227, 40%, 18%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 2rem 1.5rem;
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.7;
    }

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

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

.ps-footer.ogcn_f26ed886ee-brand{
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0.4rem;
    }

@media (max-width: 768px) {main.mc4d541a907 .cfm_4e6549037a{
    padding: 3rem 1.2rem 2.5rem;
    }
    main.mc4d541a907 .cfm_4e6549037a h1{
    font-size: 1.55rem;
    }
    main.mc4d541a907 .kkll_c43463263d{
    grid-template-columns: 1fr;
    }
    main.mc4d541a907 .ps-opt-cols{
    grid-template-columns: 1fr;
    }
    main.mc4d541a907 .lgk_9a767ea574{
    grid-template-columns: 1fr;
    }}

footer.ogcn_f26ed886ee{
    background: hsl(225, 25%, 10%);
    color: hsl(225, 15%, 72%);
    padding: 64px 0 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

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

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

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

footer .efpp_4c8b6af8fa{
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    }

footer .ajl_26999d0799{
    font-size: 17px;
    font-weight: 700;
    color: hsl(0, 0%, 96%);
    letter-spacing: 0.02em;
    }

footer .fep_d688a3960c{
    color: hsl(225, 12%, 52%);
    font-size: 13.5px;
    line-height: 1.7;
    margin: 0;
    }

footer .mmkd_8ec61b13e3{
    flex: 0 1 140px;
    min-width: 120px;
    }

footer .mnoc_4724c3c952{
    font-size: 12.5px;
    font-weight: 600;
    color: hsl(225, 10%, 56%);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 16px;
    }

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

footer .gpi_21d10eee1e{
    margin: 0;
    padding: 0;
    }

footer .ond_53025d5975{
    color: hsl(225, 12%, 66%);
    text-decoration: none;
    font-size: 13.5px;
    transition: color 0.2s ease;
    display: inline-block;
    }

footer .ond_53025d5975:hover{
    color: hsl(0, 0%, 100%);
    }

footer .dkkk_078ce614f7{
    flex: 1 1 180px;
    min-width: 160px;
    max-width: 220px;display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding-top: 2px;
    }

footer .nkbf_b1ec6595ac{
    margin: 0;
    font-size: 14px;
    color: hsl(225, 12%, 66%);
    font-weight: 500;
    }

footer .jmgj_f21f97c790{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    background: linear-gradient(135deg, var(--primary-color, hsl(227, 65%, 53%)), var(--secondary-color, hsl(260, 55%, 52%)));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-md, 10px);
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    box-shadow: 0 4px 16px rgba(80, 70, 200, 0.3);
    letter-spacing: 0.01em;
    }

footer .jmgj_f21f97c790:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(80, 70, 200, 0.4);
    }

footer .lfh_c11eedec7b{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 0 32px;
    height: 1px;
    background: transparent;
    position: relative;
    }

footer .lfh_c11eedec7b::after{
    content: "";
    display: block;
    height: 1px;
    background: hsla(225, 15%, 30%, 0.5); color: #ffffff;}

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

footer .ffi_382f598a82{
    margin: 0;
    font-size: 13px;
    color: hsl(225, 10%, 42%);
    flex: 1 1 auto;
    }

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

footer .akm_3bc53b4b7e{
    color: hsl(225, 10%, 48%);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s ease;
    }

footer .akm_3bc53b4b7e:hover{
    color: hsl(0, 0%, 100%);
    }

footer .ggbe_b1b091884e{
    color: hsl(225, 10%, 32%);
    font-size: 12px;
    user-select: none;
    }

@media (max-width: 768px) {footer.ogcn_f26ed886ee{
    padding: 48px 0 0;
    }
    footer .menb_40e2f01a5d{
    padding: 0 20px 36px;
    gap: 32px;
    }
    footer .mlkp_126d720e75{
    flex: 1 1 100%;
    max-width: 100%;
    }
    footer .mmkd_8ec61b13e3{
    flex: 1 1 calc(50% - 16px);
    min-width: 0;
    }
    footer .dkkk_078ce614f7{
    flex: 1 1 100%;
    max-width: 100%;align-items: stretch;
    }
    footer .jmgj_f21f97c790{
    text-align: center;
    }
    footer .hmka_22e84c73ae{
    padding: 20px 20px 28px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    }
    footer .ffi_382f598a82{
    flex: 1 1 100%;
    }
    footer .cdo_5fd592746f{
    flex: 1 1 100%;}}

main.m4f9d2b2431 .jfk_77a58bb730{
    position: relative;
    padding: 72px 24px 56px;
    background: linear-gradient(165deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    overflow: hidden;
    }

main.m4f9d2b2431 .jfk_77a58bb730::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: min(27.81vw, 466px);
    height: clamp(285px, 36.06vh, 474px);
    border-radius: 50%;
    background: hsla(106, 81%, 53%, 0.1);
    pointer-events: none;
    }

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

main.m4f9d2b2431 .jfk_77a58bb730 h1{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 18px;
    letter-spacing: -0.02em;
    }

main.m4f9d2b2431 .jfk_77a58bb730 .ebii_e5456de89a{
    font-size: 1.05rem;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.88);
    max-width: clamp(443px, 44.5vw, 745px);
    margin: 0;
    }

main.m4f9d2b2431 .jfk_77a58bb730 .bdi_18345a5a94{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 0.88rem;
    color: hsla(0, 0%, 100%, 0.7);
    }

main.m4f9d2b2431 .jfk_77a58bb730 .bdi_18345a5a94 span{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    }

main.m4f9d2b2431 .jfk_77a58bb730 .bdi_18345a5a94 svg{
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }

main.m4f9d2b2431 .chb_8c50f7df8b{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 24px;
    }

main.m4f9d2b2431 .mih_56d08ffc07{
    padding: 56px 00;
    }

main.m4f9d2b2431 .mih_56d08ffc07 .fabj_526805a266{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin-top: 28px;
    }

main.m4f9d2b2431 .mih_56d08ffc07 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 6px;
    }

main.m4f9d2b2431 .mih_56d08ffc07 .emma_10c35141ff{
    font-size: 0.95rem;
    color: #555;
    line-height: 1.65;
    margin: 0;
    }

main.m4f9d2b2431 .pkn_04ca7f91cc{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: regstep;
    }

main.m4f9d2b2431 .pkn_04ca7f91cc li{
    counter-increment: regstep;
    position: relative;
    padding: 16px 0 16px 52px;
    border-bottom: 1px solid hsl(106, 8%, 91%);
    font-size: 0.93rem;
    line-height: 1.6;
    color: #333;
    }

main.m4f9d2b2431 .pkn_04ca7f91cc li:last-child{
    border-bottom: none;
    }

main.m4f9d2b2431 .pkn_04ca7f91cc li::before{
    content: counter(regstep);
    position: absolute;
    left: 0;
    top: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: hsl(227, 65%, 53%);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.m4f9d2b2431 .pkn_04ca7f91cc li strong{
    color: hsl(106, 10%, 7%);
    }

main.m4f9d2b2431 .lcbn_a0786b4968{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 24px hsla(227, 40%, 20%, 0.1);
    }

main.m4f9d2b2431 .lcbn_a0786b4968 img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m4f9d2b2431 .lcdc_4c67786bc6{
    padding: 56px 0 0;
    }

main.m4f9d2b2431 .lcdc_4c67786bc6 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 8px;
    }

main.m4f9d2b2431 .lcdc_4c67786bc6 .emma_10c35141ff{
    font-size: 0.95rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 28px;
    }

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

main.m4f9d2b2431 .ielm_8ed20ad9b1{
    background: #fff;
    border: 1px solid hsl(106, 8%, 91%);
    border-radius: 10px;
    padding: 28px 22px;
    transition: box-shadow 0.2s ease;
    }

main.m4f9d2b2431 .ielm_8ed20ad9b1:hover{
    box-shadow: 0 6px 20px hsla(227, 40%, 20%, 0.08);
    }

main.m4f9d2b2431 .omhg_8e9cb3b4bf{
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    }

main.m4f9d2b2431 .omhg_8e9cb3b4bf svg{
    width: 22px;
    height: 22px;
    }

main.m4f9d2b2431 .omhg_8e9cb3b4bf.lgn_22095b1431{
    background: hsla(106, 81%, 53%, 0.14);
    color: hsl(106, 60%, 35%);
    }

main.m4f9d2b2431 .omhg_8e9cb3b4bf.gcn_d8a60ab792{
    background: hsla(227, 65%, 53%, 0.12);
    color: #ffffff;
    }

main.m4f9d2b2431 .omhg_8e9cb3b4bf.lhh_331ff24196{
    background: hsla(260, 50%, 55%, 0.12);
    color: hsl(260, 50%, 50%);
    }

main.m4f9d2b2431 .ielm_8ed20ad9b1 h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 8px;
    }

main.m4f9d2b2431 .ielm_8ed20ad9b1 p{
    font-size: 0.88rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    }

main.m4f9d2b2431 .hdag_92a7ce3575{
    padding: 56px 0 0;
    }

main.m4f9d2b2431 .hdag_92a7ce3575 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 28px;
    }

main.m4f9d2b2431 .akc_6544272e2c{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 24px;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c{
    background: #fff;
    border: 1px solid hsl(106, 8%, 91%);
    border-radius: 10px;
    padding: 32px 28px;
    position: relative;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 10px 10px 0 0;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c.cec_3f743c0dfc::before{
    background: hsl(106, 81%, 53%);
    }

main.m4f9d2b2431 .anp_ce2e06bc5c.bij_32e120b5e1::before{
    background: hsl(227, 65%, 53%); color: #ffffff;}

main.m4f9d2b2431 .anp_ce2e06bc5c h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 10px;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c p{
    font-size: 0.9rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 16px;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c .hpop_5a05063816{
    list-style: none;
    padding: 0;
    margin: 0;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c .hpop_5a05063816 li{
    font-size: 0.88rem;
    color: #444;
    line-height: 1.55;
    padding: 6px 0 6px 20px;
    position: relative;
    }

main.m4f9d2b2431 .anp_ce2e06bc5c .hpop_5a05063816 li::before{
    content: "›";
    position: absolute;
    left: 2px;
    color: hsl(227, 65%, 53%);font-weight: 700;
    font-size: 1rem;
    }

main.m4f9d2b2431 .mdni_9c6892f9fa{
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 14px;
    }

main.m4f9d2b2431 .cec_3f743c0dfc .mdni_9c6892f9fa{
    background: hsla(106, 81%, 53%, 0.15);
    color: hsl(106, 55%, 30%);
    }

main.m4f9d2b2431 .bij_32e120b5e1 .mdni_9c6892f9fa{
    background: hsla(227, 65%, 53%, 0.12);
    color: #ffffff;
    }

main.m4f9d2b2431 .kpa_1e8a94f9b2{
    padding: 56px 0 0;
    }

main.m4f9d2b2431 .kpa_1e8a94f9b2 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 8px;
    }

main.m4f9d2b2431 .kpa_1e8a94f9b2 .emma_10c35141ff{
    font-size: 0.95rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 24px;
    }

main.m4f9d2b2431 .hdf_039fc52644{
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 36px;
    align-items: start;
    }

main.m4f9d2b2431 .hio_653e1db6ff{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    }

main.m4f9d2b2431 .hio_653e1db6ff th, main.m4f9d2b2431 .hio_653e1db6ff td{
    text-align: left;
    padding: 12px 14px;
    border-bottom: 1px solid hsl(106, 8%, 91%);
    }

main.m4f9d2b2431 .hio_653e1db6ff th{
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    background: hsl(106, 8%, 97%);font-size: 0.85rem;
    text-transform: none;
    }

main.m4f9d2b2431 .hio_653e1db6ff td{
    color: #444;
    line-height: 1.5;
    }

main.m4f9d2b2431 .hio_653e1db6ff tbody tr:hover{
    background: hsla(227, 65%, 53%, 0.03); color: #ffffff;}

main.m4f9d2b2431 .dmai_4b01bbe43e{
    background: hsl(106, 8%, 97%);
    border-left: 3px solid hsl(227, 65%, 53%);
    border-radius: 0 8px 8px 0;
    padding: 20px 22px;
    }

main.m4f9d2b2431 .dmai_4b01bbe43e h3{
    font-size: 0.95rem;
    font-weight: 600;
    color: hsl(227, 55%, 42%);
    margin: 0 0 10px;
    }

main.m4f9d2b2431 .dmai_4b01bbe43e p{
    font-size: 0.88rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 8px;
    }

main.m4f9d2b2431 .dmai_4b01bbe43e p:last-child{
    margin-bottom: 0;
    }

main.m4f9d2b2431 .dmai_4b01bbe43e a{
    color: hsl(227, 65%, 53%);
    text-decoration: none;
    border-bottom: 1px solid hsla(227, 65%, 53%, 0.3);
    transition: border-color 0.15s;
    }

main.m4f9d2b2431 .dmai_4b01bbe43e a:hover{
    border-color: hsl(227, 65%, 53%);
    }

main.m4f9d2b2431 .section-faq{
    padding: 56px 0 0;
    }

main.m4f9d2b2431 .section-faq h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color, hsl(106, 10%, 7%));
    margin: 0 0 24px;
    }

main.m4f9d2b2431 .faq-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    }

main.m4f9d2b2431 .jgo_079b6e171c{
    border: 1px solid hsl(106, 8%, 91%);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    }

main.m4f9d2b2431 .jgo_079b6e171c summary{
    padding: 18px 22px;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-color, hsl(106, 10%, 7%));
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;gap: 12px;
    transition: background 0.15s;
    }

main.m4f9d2b2431 .jgo_079b6e171c summary:hover{
    background: hsl(106, 8%, 97%);
    }

main.m4f9d2b2431 .jgo_079b6e171c summary::after{
    content: "+";
    font-size: 1.2rem;
    font-weight: 400;
    color: #999;
    flex-shrink: 0;transition: transform 0.2s;
    }

main.m4f9d2b2431 .jgo_079b6e171c[open] summary::after{
    content: "−";
    color: hsl(227, 65%, 53%);
    }

main.m4f9d2b2431 .jgo_079b6e171c summary::-webkit-details-marker{
    display: none;
    }

main.m4f9d2b2431 .faq-answer{
    padding: 0 22px 18px;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.65;
    }

main.m4f9d2b2431 .faq-answer a{
    color: hsl(227, 65%, 53%);
    text-decoration: none;
    border-bottom: 1px solid hsla(227, 65%, 53%, 0.3);
    }

main.m4f9d2b2431 .faq-answer a:hover{
    border-color: hsl(227, 65%, 53%);
    }

main.m4f9d2b2431 .section-cta{
    padding: 56px 0 64px;
    }

main.m4f9d2b2431 .cta-banner{
    background: linear-gradient(135deg, hsl(227, 65%, 53%), hsl(260, 45%, 48%));
    border-radius: 14px;
    padding: 44px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    color: #fff;
    }

main.m4f9d2b2431 .cta-banner-text h2{
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: #fff;
    }

main.m4f9d2b2431 .cta-banner-text p{
    font-size: 0.93rem;
    color: hsla(0, 0%, 100%, 0.82);
    margin: 0;line-height: 1.55;
    }

main.m4f9d2b2431 .cta-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsl(106, 81%, 53%);
    color: hsl(106, 10%, 7%);
    font-size: 0.95rem;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 4px 14px hsla(106, 81%, 53%, 0.35);
    transition: transform 0.15s, box-shadow 0.15s;
    }

main.m4f9d2b2431 .cta-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 20px hsla(106, 81%, 53%, 0.45);
    }

main.m4f9d2b2431 .cta-btn svg{
    width: 16px;
    height: 16px;
    }

footer.pfcl_9410fc04b3{
    border-top: 1px solid hsl(106, 8%, 91%);
    padding: 32px 24px;
    text-align: center;
    font-size: 0.82rem;
    color: #999;
    }

footer.pfcl_9410fc04b3 a{
    color: #777;
    text-decoration: none;
    margin: 0 10px;
    }

footer.pfcl_9410fc04b3 a:hover{
    color: hsl(227, 65%, 53%);
    }

@media (max-width: 768px) {main.m4f9d2b2431 .jfk_77a58bb730{
    padding: 52px 20px 40px;
    }
    main.m4f9d2b2431 .jfk_77a58bb730 h1{
    font-size: 1.55rem;
    }
    main.m4f9d2b2431 .mih_56d08ffc07 .fabj_526805a266{
    grid-template-columns: 1fr;
    gap: 24px;
    }
    main.m4f9d2b2431 .jce_715961f829{
    grid-template-columns: 1fr;
    }
    main.m4f9d2b2431 .akc_6544272e2c{
    grid-template-columns: 1fr;
    }
    main.m4f9d2b2431 .hdf_039fc52644{
    grid-template-columns: 1fr;
    }
    main.m4f9d2b2431 .cta-banner{
    flex-direction: column;
    text-align: center;
    padding: 32px 24px;
    }
    main.m4f9d2b2431 .jfk_77a58bb730 .bdi_18345a5a94{
    flex-direction: column;
    gap: 8px;
    }}

footer.pfcl_9410fc04b3{
    width: 100%;
    background: hsl(225, 28%, 10%);
    padding: 56px 24px 36px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.06); color: #ffffff;}

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

footer .bbn_5fa39a17dd{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    }

footer .cin_7c62f9fac8{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.4;
    }

footer .mpce_594217d7fa{
    font-size: 13.5px;
    color: hsl(225, 15%, 55%);
    line-height: 1.6;
    margin: 0;
    text-align: center;
    max-width: clamp(235px, 23.64vw, 396px);
    }

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

footer .fnl_989a4bd4cc{
    font-size: 13.5px;
    color: hsl(225, 15%, 62%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    line-height: 1.5;flex: 0 0 auto;
    }

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

footer .ngc_a0574a6c2e{
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.12);
    flex: 0 0 1px;
    }

footer .knf_204f7e1e88{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    width: 100%;
    flex: 0 0 auto;
    }

footer .dhp_6ecc87857b{
    font-size: 12.5px;
    color: hsl(225, 12%, 42%);
    line-height: 1.5;
    flex: 0 0 auto;
    }

footer .ojoo_e66310310e{
    font-size: 12.5px;
    color: hsl(225, 12%, 42%);
    line-height: 1.5;
    flex: 0 0 auto;
    }

@media (max-width: 600px) {footer.pfcl_9410fc04b3{
    padding: 40px 16px 28px;
    }
    footer .mek_15b98facb7{
    gap: 24px;
    }
    footer .bmc_a997a4ce4d{
    flex-direction: column;
    gap: 4px;
    }
    footer .ngc_a0574a6c2e{
    display: none;
    }
    footer .fnl_989a4bd4cc{
    padding: 6px 14px;
    }
    footer .knf_204f7e1e88{
    flex-direction: column;
    gap: 6px;
    padding-top: 20px;
    }}

main.m4ab48d7296 .pggm_fab0068b63{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--skin-text, #111);
    background: var(--skin-bg, #f7f8f6);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    }

main.m4ab48d7296 .nnkp_5a514f8da1{
    position: relative;
    overflow: hidden;
    border-radius: 0 0 var(--skin-radius-lg) var(--skin-radius-lg);
    background: linear-gradient(135deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    padding: 72px 24px 64px;
    }

main.m4ab48d7296 .nnkp_5a514f8da1::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: min(36.15vw, 605px);
    height: clamp(370px, 46.88vh, 616px);
    background: radial-gradient(circle, hsla(106, 81%, 53%, 0.18) 0%, transparent 70%);
    pointer-events: none;
    }

main.m4ab48d7296 .ddcd_5092bfac94{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.m4ab48d7296 .nnkp_5a514f8da1 h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    margin: 0 0 18px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    }

main.m4ab48d7296 .nll_99a29a141d{
    font-size: 1.05rem;
    max-width: clamp(429px, 43.11vw, 722px);
    opacity: 0.92;
    margin: 0;
    line-height: 1.8;
    }

main.m4ab48d7296 .skin-breadcrumb{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 24px auto 0;
    padding: 0 24px;
    font-size: 0.85rem;
    color: var(--skin-text-muted, #666);
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    }

main.m4ab48d7296 .skin-breadcrumb a{
    color: var(--skin-secondary, #3b5fc0);
    text-decoration: none;
    }

main.m4ab48d7296 .skin-breadcrumb a:hover{
    text-decoration: underline;
    }

main.m4ab48d7296 .skin-breadcrumb span{
    color: var(--skin-text-muted, #999);
    }

main.m4ab48d7296 .mjga_4e7c9d7cde{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 56px 24px 0;
    }

main.m4ab48d7296 .mjga_4e7c9d7cde h2{
    font-size: 1.45rem;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--skin-text, #111);
    letter-spacing: -0.01em;
    }

main.m4ab48d7296 .mjga_4e7c9d7cde h3{
    font-size: 1.1rem;
    font-weight: 600;
    margin: 28px 0 10px;
    color: var(--skin-text, #222);
    }

main.m4ab48d7296 .mjga_4e7c9d7cde p, main.m4ab48d7296 .mjga_4e7c9d7cde li{
    color: var(--skin-text-muted, #444);
    font-size: 0.95rem;
    line-height: 1.8;
    }

main.m4ab48d7296 .mjga_4e7c9d7cde p{
    margin: 0 0 16px;
    }

main.m4ab48d7296 .mjga_4e7c9d7cde a{
    color: var(--skin-secondary, #3b5fc0);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }

main.m4ab48d7296 .mjga_4e7c9d7cde a:hover{
    border-bottom-color: var(--skin-secondary, #3b5fc0);
    }

main.m4ab48d7296 .jfhn_e41b6e1396{
    margin: 32px 0;
    border-radius: var(--skin-radius-lg);
    overflow: hidden;
    box-shadow: var(--skin-shadow-md);
    }

main.m4ab48d7296 .jfhn_e41b6e1396 img{
    width: 100%;
    height: auto;
    display: block;object-fit: cover;
    max-height: clamp(270px, 34.26vh, 450px);
    }

main.m4ab48d7296 .panb_a8d9f9f6ef{
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    counter-reset: step-counter;
    }

main.m4ab48d7296 .panb_a8d9f9f6ef li{
    counter-increment: step-counter;
    position: relative;
    padding: 16px 16px 56px;
    margin-bottom: 12px;
    background: var(--skin-surface, #fff);
    border-radius: var(--skin-radius);
    border: 1px solid var(--skin-border, #e8e8e8);
    transition: box-shadow 0.2s;
    }

main.m4ab48d7296 .panb_a8d9f9f6ef li:hover{
    box-shadow: var(--skin-shadow-sm);
    }

main.m4ab48d7296 .panb_a8d9f9f6ef li::before{
    content: counter(step-counter);
    position: absolute;
    left: 16px;
    top: 16px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--skin-secondary, #3b5fc0);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    }

main.m4ab48d7296 .egg_fa0ade1940{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 20px;
    margin: 24px 0 0;
    }

main.m4ab48d7296 .hofl_3805ef4b25{
    background: var(--skin-surface, #fff);
    border: 1px solid var(--skin-border, #e8e8e8);
    border-radius: var(--skin-radius-lg);
    padding: 28px 24px;
    transition: box-shadow 0.25s, transform 0.25s;
    }

main.m4ab48d7296 .hofl_3805ef4b25:hover{
    box-shadow: var(--skin-shadow-md);
    transform: translateY(-2px);
    }

main.m4ab48d7296 .jnbo_389880fb1b{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 14px;
    }

main.m4ab48d7296 .jnbo_389880fb1b.cgpo_0cac8856e1{
    background: hsl(227, 65%, 94%);
    color: var(--skin-secondary, #3b5fc0);
    }

main.m4ab48d7296 .jnbo_389880fb1b.amj_0cafccd6f3{
    background: hsl(106, 60%, 92%);
    color: var(--skin-primary-dark, #3da626);
    }

main.m4ab48d7296 .jnbo_389880fb1b.hoam_d4284814c0{
    background: hsl(260, 50%, 94%);
    color: hsl(260, 50%, 50%);
    }

main.m4ab48d7296 .jnbo_389880fb1b.ioih_5693f763e6{
    background: hsl(180, 45%, 92%);
    color: hsl(180, 50%, 35%);
    }

main.m4ab48d7296 .hofl_3805ef4b25 h3{
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px;
    color: var(--skin-text, #111);
    }

main.m4ab48d7296 .hofl_3805ef4b25 p{
    font-size: 0.88rem;
    margin: 0;
    color: var(--skin-text-muted, #555);
    }

main.m4ab48d7296 .keee_ada6756a7e{
    overflow-x: auto;
    margin: 24px 0;border-radius: var(--skin-radius);
    border: 1px solid var(--skin-border, #e8e8e8);
    }

main.m4ab48d7296 .kchh_ab809fc9be{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    background: var(--skin-surface, #fff);
    }

main.m4ab48d7296 .kchh_ab809fc9be th, main.m4ab48d7296 .kchh_ab809fc9be td{
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--skin-border, #eee);
    }

main.m4ab48d7296 .kchh_ab809fc9be th{
    background: hsl(227, 30%, 96%);
    font-weight: 600;
    color: var(--skin-text, #222);
    white-space: nowrap;
    }

main.m4ab48d7296 .kchh_ab809fc9be td{
    color: var(--skin-text-muted, #444);
    }

main.m4ab48d7296 .kchh_ab809fc9be tbody tr:last-child td{
    border-bottom: none;
    }

main.m4ab48d7296 .kchh_ab809fc9be tbody tr:hover{
    background: hsl(106, 8%, 97%);
    }

main.m4ab48d7296 .kmj_daa107691f{
    background: linear-gradient(135deg, hsl(227, 65%, 97%), hsl(260, 40%, 97%));
    border-left: 4px solid var(--skin-secondary, #3b5fc0);
    border-radius: 0 var(--skin-radius) var(--skin-radius) 0;
    padding: 18px 22px;
    margin: 24px 0;
    font-size: 0.9rem;
    color: var(--skin-text, #333);
    line-height: 1.75;
    }

main.m4ab48d7296 .kmj_daa107691f strong{
    color: var(--skin-secondary, #3b5fc0);
    }

main.m4ab48d7296 .nbgc_1c7662ee42{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 28px 0;
    }

main.m4ab48d7296 .nbgc_1c7662ee42 img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--skin-radius);
    border: 1px solid var(--skin-border, #e8e8e8);
    display: block;
    }

main.m4ab48d7296 .skin-cta-bar{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 32px 0 0;
    padding: 28px;
    background: var(--skin-surface, #fff);
    border-radius: var(--skin-radius-lg);
    border: 1px solid var(--skin-border, #e8e8e8);
    }

main.m4ab48d7296 .skin-cta-bar p{
    flex: 1;
    min-width: 200px;
    margin: 0;
    font-size: 0.95rem;
    color: var(--skin-text, #333);
    }

main.m4ab48d7296 .skin-btn{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;white-space: nowrap;
    }

main.m4ab48d7296 .skin-btn:hover{
    transform: translateY(-1px);
    }

main.m4ab48d7296 .skin-btn-primary{
    background: linear-gradient(135deg, var(--skin-secondary, #3b5fc0), hsl(240, 55%, 48%));
    color: #fff;
    box-shadow: 0 4px 14px hsla(227, 65%, 53%, 0.3);
    border-bottom: none;
    }

main.m4ab48d7296 .skin-btn-primary:hover{
    box-shadow: 0 6px 20px hsla(227, 65%, 53%, 0.4);
    border-bottom: none;
    }

main.m4ab48d7296 .skin-btn-outline{
    background: transparent;
    color: var(--skin-secondary, #3b5fc0);
    border: 2px solid var(--skin-secondary, #3b5fc0);}

main.m4ab48d7296 .skin-btn-outline:hover{
    background: hsl(227, 65%, 96%);
    border-bottom-color: var(--skin-secondary, #3b5fc0);
    }

main.m4ab48d7296 .cji_e180f01902{
    margin: 24px 0 0;
    }

main.m4ab48d7296 .cji_e180f01902 details{
    background: var(--skin-surface, #fff);
    border: 1px solid var(--skin-border, #e8e8e8);
    border-radius: var(--skin-radius);
    margin-bottom: 10px;
    transition: box-shadow 0.2s;
    }

main.m4ab48d7296 .cji_e180f01902 details[open]{
    box-shadow: var(--skin-shadow-sm);
    }

main.m4ab48d7296 .cji_e180f01902 summary{
    padding: 14px 18px;
    font-weight: 600;
    font-size: 0.93rem;
    cursor: pointer;
    color: var(--skin-text, #222);
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    }

main.m4ab48d7296 .cji_e180f01902 summary::-webkit-details-marker{
    display: none;
    }

main.m4ab48d7296 .cji_e180f01902 summary::before{
    content: "+";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsl(227, 65%, 94%);
    color: var(--skin-secondary, #3b5fc0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;transition: transform 0.2s;
    }

main.m4ab48d7296 .cji_e180f01902 details[open] summary::before{
    content: "−";
    transform: rotate(0deg);
    }

main.m4ab48d7296 .cji_e180f01902 .lll_166ad9f7f4{
    padding: 0 18px 16px 50px;
    font-size: 0.9rem;
    color: var(--skin-text-muted, #555);
    line-height: 1.75;
    }

.skin-footer.bjg_8477e9bbdf{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 64px auto 0;
    padding: 32px 24px;
    border-top: 1px solid var(--skin-border, #e8e8e8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.82rem;
    color: var(--skin-text-muted, #888);
    }

.skin-footer.bjg_8477e9bbdf a{
    color: var(--skin-text-muted, #888);
    text-decoration: none;
    }

.skin-footer.bjg_8477e9bbdf a:hover{
    color: var(--skin-secondary, #3b5fc0);
    }

@media (max-width: 680px) {main.m4ab48d7296 .nnkp_5a514f8da1{
    padding: 56px 20px 48px;
    }
    main.m4ab48d7296 .egg_fa0ade1940{
    grid-template-columns: 1fr;
    }
    main.m4ab48d7296 .nbgc_1c7662ee42{
    grid-template-columns: 1fr;
    }
    main.m4ab48d7296 .skin-cta-bar{
    flex-direction: column;
    align-items: flex-start;}
    main.m4ab48d7296 .mjga_4e7c9d7cde{
    padding: 40px 20px 0;
    }
    main.m4ab48d7296 .kchh_ab809fc9be th, main.m4ab48d7296 .kchh_ab809fc9be td{
    padding: 10px 12px;
    font-size: 0.84rem;
    }}

footer.bjg_8477e9bbdf{
    background: hsl(225, 25%, 10%);
    color: hsl(225, 15%, 72%);
    padding: 48px 0 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

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

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

footer .gck_b5b4895581{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
    }

footer .cep_76850019b6{
    font-size: 13px;
    color: hsl(225, 12%, 50%);
    margin: 0;
    }

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

footer .ijmn_e9550a26f2{
    color: hsl(225, 15%, 68%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    font-size: 13.5px;
    }

footer .ijmn_e9550a26f2:hover{
    color: #fff;
    background: hsla(227, 65%, 53%, 0.15);
    }

footer .jngh_3ec9788ae6{
    width: 1px;
    height: 14px;
    background: hsl(225, 15%, 24%);
    flex: 0 0 1px; color: #ffffff;}

footer .cmi_4a5083801b{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid hsl(225, 15%, 17%);
    flex: 0 0 auto;
    }

footer .ffk_622f2e2185{
    margin: 0;
    font-size: 12.5px;
    color: hsl(225, 10%, 42%);
    flex: 11 auto;
    }

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

footer .ghkp_9d68c2288a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: hsl(225, 15%, 16%);
    color: hsl(225, 12%, 52%);
    transition: var(--transition, all 0.24s ease);
    text-decoration: none;
    }

footer .ghkp_9d68c2288a:hover{
    background: var(--primary-color, hsl(227, 65%, 53%));
    color: #fff;
    transform: translateY(-2px);
    }

footer .mlc_42a7d75406{
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    }

@media (max-width: 600px) {footer.bjg_8477e9bbdf{
    padding: 36px 0 24px;
    }
    footer .ncgl_5ac76ba4c3{
    gap: 22px;
    padding: 0 16px;
    }
    footer .cmi_4a5083801b{
    flex-direction: column;
    gap: 16px;align-items: center;
    text-align: center;
    }
    footer .ffk_622f2e2185{
    flex: 0 0 auto;
    }
    footer .jngh_3ec9788ae6{
    display: none;
    }
    footer .afi_7db4389341{
    gap: 4px;
    }}

main.mb93bf19452 .bhej_7e2bab5492{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--vc-text, #111);
    background: var(--vc-bg, #f7f8f7);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    }

main.mb93bf19452 .eho_57bc4774d9{
    position: relative;
    overflow: hidden;
    padding: 72px 24px 64px;
    background: linear-gradient(135deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 45%, 38%) 100%);
    color: #fff;
    text-align: center;
    }

main.mb93bf19452 .eho_57bc4774d9::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: min(41.72vw, 698px);
    height: clamp(427px, 54.09vh, 710px);
    background: radial-gradient(circle, hsla(106, 81%, 53%, 0.15) 0%, transparent 70%);
    pointer-events: none;
    }

main.mb93bf19452 .eho_57bc4774d9 h1{
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 700;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    }

main.mb93bf19452 .bfhh_68aa494aca{
    max-width: clamp(429px, 43.11vw, 722px);
    margin: 0 auto 28px;
    font-size:1.05rem;
    opacity: 0.92;
    line-height: 1.75;
    }

main.mb93bf19452 .fjag_d22347666f{
    display: inline-flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.88rem;
    opacity: 0.8;
    }

main.mb93bf19452 .fjag_d22347666f span{
    display: flex;
    align-items: center;
    gap: 6px;
    }

main.mb93bf19452 .mmap_ad228a971e{
    max-width: clamp(664px, 66.75vw, 1117px);
    margin: 0 auto;
    padding: 0 24px;
    }

main.mb93bf19452 .imab_9de681fc7e{
    padding: 56px 0;
    }

main.mb93bf19452 .imab_9de681fc7e + .imab_9de681fc7e{
    border-top: 1px solid var(--vc-border, #e5e7eb);
    }

main.mb93bf19452 .akgc_5ed04a1a73{
    font-size: 1.45rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--vc-text, #111);
    letter-spacing: -0.01em;
    }

main.mb93bf19452 .mphh_15a1bc376e{
    color: var(--vc-text-muted, #666);
    margin: 0 0 32px;
    font-size: 0.95rem;
    }

main.mb93bf19452 .mlm_bc4afcd75b{
    position: relative;
    padding-left: 28px;
    }

main.mb93bf19452 .mlm_bc4afcd75b::before{
    content: "";
    position: absolute;
    left: 6px;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background: var(--vc-border, #e0e0e0);
    border-radius: 1px;
    }

main.mb93bf19452 .bph_dd08060360{
    position: relative;
    margin-bottom: 36px;
    }

main.mb93bf19452 .bph_dd08060360:last-child{
    margin-bottom: 0;
    }

main.mb93bf19452 .bph_dd08060360::before{
    content: "";
    position: absolute;
    left: -24px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--vc-secondary, #4a6cf7);
    border: 2px solid var(--vc-surface, #fff);
    box-shadow: 0 0 0 2px var(--vc-secondary, #4a6cf7);
    }

main.mb93bf19452 .bph_dd08060360.ndfh_20078d65c3::before{
    background: var(--vc-primary-dark, #3da32e);
    box-shadow: 0 0 0 2px var(--vc-primary-dark, #3da32e);
    }

main.mb93bf19452 .amfn_d2cfb2b3c3{
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    }

main.mb93bf19452 .jbj_6d824de7ae{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--vc-text, #111);
    }

main.mb93bf19452 .plm_694587ae16{
    font-size: 0.82rem;
    color: var(--vc-text-muted, #888);
    }

main.mb93bf19452 .bfd_9edb7a441d{
    font-size: 0.72rem;
    font-weight: 600;
    background: var(--vc-primary-dark, #3da32e);
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    letter-spacing: 0.02em;
    }

main.mb93bf19452 .dcbn_6d84e140ae{
    background: var(--vc-surface, #fff);
    border: 1px solid var(--vc-border, #e5e7eb);
    border-radius: var(--vc-radius, 10px);
    padding: 20px 24px;
    box-shadow: var(--vc-shadow);
    }

main.mb93bf19452 .dcbn_6d84e140ae h3{
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--vc-secondary, #4a6cf7);
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    }

main.mb93bf19452 .dcbn_6d84e140ae h3:not(:first-child){
    margin-top: 16px;
    }

main.mb93bf19452 .dcbn_6d84e140ae ul{
    margin: 0 0 4px;
    padding-left: 18px;
    }

main.mb93bf19452 .dcbn_6d84e140ae li{
    font-size: 0.92rem;
    margin-bottom: 4px;
    color: var(--vc-text, #222);
    }

main.mb93bf19452 .hff_dfaa596fc5{
    background: var(--vc-surface, #fff);
    border: 1px solid var(--vc-border, #e5e7eb);
    border-radius: var(--vc-radius, 10px);
    padding: 28px;
    box-shadow: var(--vc-shadow);
    }

main.mb93bf19452 .eeg_6a39f3205d{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
    }

@media (max-width: 600px) {main.mb93bf19452 .eeg_6a39f3205d{
    grid-template-columns: 1fr;
    }}

main.mb93bf19452 .caag_221dd39c49{
    background: hsl(227, 30%, 97%);
    border-radius: var(--vc-radius-sm, 6px);
    padding: 16px;
    }

main.mb93bf19452 .caag_221dd39c49 dt{
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--vc-secondary, #4a6cf7);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }

main.mb93bf19452 .caag_221dd39c49 dd{
    margin: 0;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 0.78rem;
    color: var(--vc-text, #222);
    word-break: break-all;
    line-height: 1.6;user-select: all;
    }

main.mb93bf19452 .nnmo_b8f2d3ba9c{
    font-size: 0.88rem;
    color: var(--vc-text-muted, #666);
    line-height: 1.7;
    margin: 0;
    }

main.mb93bf19452 .nnmo_b8f2d3ba9c code{
    background: hsl(220, 15%, 94%);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    }

main.mb93bf19452 .icjn_f7fec086d5{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    }

@media (max-width: 700px) {main.mb93bf19452 .icjn_f7fec086d5{
    grid-template-columns: 1fr;
    }}

main.mb93bf19452 .onlf_1c87dab688{
    background: var(--vc-surface, #fff);
    border: 1px solid var(--vc-border, #e5e7eb);
    border-radius: var(--vc-radius, 10px);
    padding: 24px;
    box-shadow: var(--vc-shadow);
    }

main.mb93bf19452 .onlf_1c87dab688 h3{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 14px;
    color: var(--vc-text, #111);
    display: flex;
    align-items: center;
    gap: 8px;
    }

main.mb93bf19452 .ghhp_412586bb91{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--vc-secondary-light, #eef1ff);
    color: var(--vc-secondary, #4a6cf7);
    font-size: 0.82rem;
    font-weight: 700;
    flex-shrink: 0;
    }

main.mb93bf19452 .onlf_1c87dab688 ol{
    margin: 0;
    padding-left: 18px;
    }

main.mb93bf19452 .onlf_1c87dab688 li{
    font-size: 0.9rem;
    margin-bottom: 6px;
    color: var(--vc-text, #222);
    }

main.mb93bf19452 .onlf_1c87dab688 li code{
    background: hsl(220, 15%, 94%);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    }

main.mb93bf19452 .vc-step-note{
    margin-top: 12px;
    font-size: 0.84rem;
    color: var(--vc-text-muted, #888);
    padding: 10px 14px;
    background: hsl(106, 20%, 96%);
    border-radius: var(--vc-radius-sm, 6px);
    border-left: 3px solid var(--vc-primary-dark, #3da32e);
    }

main.mb93bf19452 .gob_b3c9ec1457{
    position: relative;
    border-radius: var(--vc-radius, 10px);
    overflow: hidden;
    margin-bottom: 28px;
    aspect-ratio: 21/9;
    max-height: 260px;
    }

main.mb93bf19452 .gob_b3c9ec1457 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }

main.mb93bf19452 .nemm_ae3cdc600f{
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, hsla(227, 65%, 20%, 0.72) 0%, transparent 70%);
    display: flex;
    align-items: flex-end;
    padding: 24px 28px; color: #ffffff;}

main.mb93bf19452 .nemm_ae3cdc600f p{
    color: #fff;
    font-size: 0.92rem;
    margin: 0;
    max-width: clamp(263px, 26.42vw, 442px);
    line-height: 1.6;opacity: 0.95;
    }

main.mb93bf19452 .vc-faq-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

main.mb93bf19452 .vc-faq-item{
    background: var(--vc-surface, #fff);
    border: 1px solid var(--vc-border, #e5e7eb);
    border-radius: var(--vc-radius, 10px);
    overflow: hidden;
    box-shadow: var(--vc-shadow);
    }

main.mb93bf19452 .vc-faq-item summary{
    padding: 18px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--vc-text, #111);
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background 0.15s;
    }

main.mb93bf19452 .vc-faq-item summary:hover{
    background: hsl(227, 30%, 97%);
    }

main.mb93bf19452 .vc-faq-item summary::before{
    content: "▸";
    font-size: 0.8rem;
    color: var(--vc-secondary, #4a6cf7);
    transition: transform 0.2s;
    flex-shrink: 0;
    }

main.mb93bf19452 .vc-faq-item[open] summary::before{
    transform: rotate(90deg);
    }

main.mb93bf19452 .vc-faq-item summary::-webkit-details-marker{
    display: none;
    }

main.mb93bf19452 .vc-faq-body{
    padding: 0 24px 20px;
    font-size: 0.9rem;
    color: var(--vc-text, #333);
    line-height: 1.75;
    }

main.mb93bf19452 .vc-faq-body p{
    margin: 0 0 8px;
    }

main.mb93bf19452 .vc-faq-body code{
    background: hsl(220, 15%, 94%);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    }

main.mb93bf19452 .aele_c2fd6b6e9f{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
    }

main.mb93bf19452 .oei_11fdb3e8d5{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.15s, box-shadow 0.15s;
    cursor: pointer;
    border: none;
    }

main.mb93bf19452 .oei_11fdb3e8d5:hover{
    transform: translateY(-1px);
    }

main.mb93bf19452 .gnmp_65db6f5bf4{
    background: linear-gradient(135deg, var(--vc-secondary, #4a6cf7), hsl(240, 55%, 48%));
    color: #fff;
    box-shadow: 0 4px 14px hsla(227, 65%, 53%, 0.3);
    }

main.mb93bf19452 .gnmp_65db6f5bf4:hover{
    box-shadow: 0 6px 20px hsla(227, 65%, 53%, 0.4);
    }

main.mb93bf19452 .vc-btn-outline{
    background: var(--vc-surface, #fff);
    color: var(--vc-secondary, #4a6cf7);
    border: 2px solid var(--vc-secondary, #4a6cf7);
    }

main.mb93bf19452 .vc-btn-outline:hover{
    background: var(--vc-secondary-light, #eef1ff);}

main.mb93bf19452 .jbb_1b8514a976{
    color: var(--vc-secondary, #4a6cf7);
    text-decoration: underline;
    text-decoration-color: hsla(227, 65%, 53%, 0.3);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.15s;
    }

main.mb93bf19452 .jbb_1b8514a976:hover{
    text-decoration-color: var(--vc-secondary, #4a6cf7);
    }

.vc-footer.ngi_ed0d048bcc{
    border-top: 1px solid var(--vc-border, #e5e7eb);
    padding: 32px 24px;
    text-align: center;
    color: var(--vc-text-muted, #888);
    font-size: 0.84rem;
    }

.vc-footer.ngi_ed0d048bcc-brand{
    font-weight: 700;
    color: var(--vc-text, #111);
    font-size: 0.95rem;
    margin-bottom: 4px;
    }

.vc-footer.ngi_ed0d048bcc-links{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 12px;
    flex-wrap: wrap;
    }

.vc-footer.ngi_ed0d048bcc-links a{
    color: var(--vc-text-muted, #888);
    text-decoration: none;
    font-size: 0.82rem;
    transition: color 0.15s;
    }

.vc-footer.ngi_ed0d048bcc-links a:hover{
    color: var(--vc-secondary, #4a6cf7);
    }

@media (max-width: 480px) {main.mb93bf19452 .eho_57bc4774d9{
    padding: 48px 18px 44px;
    }
    main.mb93bf19452 .imab_9de681fc7e{
    padding: 40px 0;
    }
    main.mb93bf19452 .mmap_ad228a971e{
    padding: 0 16px;
    }
    main.mb93bf19452 .dcbn_6d84e140ae{
    padding: 16px 18px;
    }
    main.mb93bf19452 .hff_dfaa596fc5{
    padding: 20px;
    }}

footer.ngi_ed0d048bcc{
    background: hsl(225, 28%, 10%);
    color: hsl(225, 15%, 72%);
    padding: 48px 0 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

footer .mih_7a0d103572{
    max-width: var(--max-width, clamp(940px, 90vw, 1400px));
    margin: 0 auto;
    padding: 0 32px;
    }

footer .gbhj_7a06f52a65{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 36px;
    border-bottom: 1px solid hsl(225, 20%, 18%);
    }

footer .pagp_8cc0ae3e57{
    flex: 0 0 auto;
    }

footer .bom_591203f307{
    font-size: 18px;
    font-weight: 700;
    color: hsl(225, 10%, 95%);
    letter-spacing: 0.5px;
    }

footer .hcf_494bd1bcf0{
    margin: 6px 0 0;
    font-size: 13px;
    color: hsl(225, 12%, 50%);
    }

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

footer .cil_857f0e43b2{
    color: hsl(225, 15%, 72%);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s cubic-bezier(0.4, 0, 0.2, 1));
    font-size: 14px;
    }

footer .cil_857f0e43b2:hover{
    color: hsl(225, 10%, 95%);
    background: hsl(225, 20%, 16%);
    }

footer .cil_857f0e43b2:focus-visible{
    outline: 2px solid var(--primary-color, hsl(227, 65%, 53%));
    outline-offset: 2px;
    }

footer .lim_f72304cff8{
    width: 1px;
    height: 14px;
    background: hsl(225, 20%, 22%);
    flex: 0 0 1px; color: #ffffff;}

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

footer .kcco_e4819c6a28{
    margin: 0;
    font-size: 13px;
    color: hsl(225, 12%, 42%);
    flex: 1 1 auto;
    }

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

footer .akpd_6e7c33fc85{
    font-size: 12px;
    color: hsl(225, 10%, 36%);
    letter-spacing: 0.2px;
    }

@media (max-width: 720px) {footer.ngi_ed0d048bcc{
    padding: 36px 0 0;
    }
    footer .mih_7a0d103572{
    padding: 0 20px;
    }
    footer .gbhj_7a06f52a65{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 28px;
    }
    footer .oecl_131e97dd9e{
    gap: 4px;
    }
    footer .cil_857f0e43b2{
    padding: 6px 10px;
    font-size: 13px;
    }
    footer .oph_df605a0fa8{
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0;
    gap: 10px;
    }
    footer .bih_956315e397{
    gap: 14px;
    }}

main.m62111e83ac .ibb_114614523e{
    position: relative;
    padding: 72px 24px 56px;
    background: linear-gradient(135deg, hsl(227, 65%, 53%) 0%, hsl(227, 55%, 42%) 60%, hsl(260, 50%, 40%) 100%);
    color: #fff;
    overflow: hidden;
    }

main.m62111e83ac .ibb_114614523e::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: min(34.76vw, 582px);
    height: clamp(356px, 45.07vh, 592px);
    background: radial-gradient(circle, hsla(106, 81%, 53%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }

main.m62111e83ac .cpo_e143d9b39f{
    max-width: clamp(553px, 55.62vw, 931px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }

main.m62111e83ac .ibb_114614523e h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    }

main.m62111e83ac .ala_32e90f9d1f{
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    max-width: clamp(443px, 44.5vw, 745px);
    }

main.m62111e83ac .ts-breadcrumb{
    margin-bottom: 20px;
    font-size: 0.85rem;
    opacity: 0.75;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    }

main.m62111e83ac .ts-breadcrumb a{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid hsla(0,0%,100%,0.3);
    }

main.m62111e83ac .ts-breadcrumb a:hover{
    border-bottom-color: #fff;
    }

main.m62111e83ac .ts-breadcrumb span{
    opacity: 0.6;
    }

main.m62111e83ac .bnj_166d5d25ca{
    max-width: clamp(747px, 75.09vw, 1257px);
    margin: 0 auto;
    padding: 0 24px;
    }

main.m62111e83ac .jjao_cdb6789dbe{
    padding: 64px 0;
    }

main.m62111e83ac .jjao_cdb6789dbe + .jjao_cdb6789dbe{
    border-top: 1px solid var(--ts-border);
    }

main.m62111e83ac .iph_12a1df0893{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ts-text);
    margin: 0 0 12px;
    letter-spacing: -0.01em;
    }

main.m62111e83ac .cbn_9a08985bfa{
    font-size: 0.95rem;
    color: var(--ts-text-muted);
    margin: 0 0 36px;
    line-height: 1.6;max-width: clamp(470px, 47.28vw, 792px);
    }

main.m62111e83ac .mmik_fe314085ba{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    }

main.m62111e83ac .ofp_7bf186d49b{
    background: var(--ts-surface);
    border: 1px solid var(--ts-border);
    border-radius: var(--ts-radius-md);
    padding: 28px 24px;
    position: relative;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

main.m62111e83ac .ofp_7bf186d49b:hover{
    box-shadow: 0 8px 24px hsla(227, 50%, 30%, 0.08);
    transform: translateY(-2px);
    }

main.m62111e83ac .jij_286f131d1a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ts-secondary);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 14px;
    }

main.m62111e83ac .ofp_7bf186d49b h3{
    font-size: 1rem;
    font-weight: 600;
    color: var(--ts-text);
    margin: 0 0 8px;
    }

main.m62111e83ac .ofp_7bf186d49b p{
    font-size: 0.88rem;
    color: var(--ts-text-muted);
    line-height: 1.6;
    margin: 0;
    }

main.m62111e83ac .lfjo_1d2f11a949{
    display: flex;
    flex-direction: column;
    gap: 12px;
    }

main.m62111e83ac .bhdf_9770ba1383{
    background: var(--ts-surface);
    border: 1px solid var(--ts-border);
    border-radius: var(--ts-radius-md);
    overflow: hidden;
    }

main.m62111e83ac .meje_29f917e00b{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
    }

main.m62111e83ac .meje_29f917e00b:hover{
    background: hsl(227, 30%, 97%);
    }

main.m62111e83ac .kdmn_baeedeff0b{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    }

main.m62111e83ac .nhdo_ca5173fcd3{ background: hsl(227, 65%, 94%); }

main.m62111e83ac .dkcp_41b890930a{ background: hsl(38, 90%, 92%); }

main.m62111e83ac .phcl_eaad07744e{ background: hsl(0, 70%, 94%); }

main.m62111e83ac .ts-icon-conflict{ background: hsl(280, 50%, 93%); }

main.m62111e83ac .ts-icon-crash{ background: hsl(0, 60%, 93%); }

main.m62111e83ac .ts-icon-skin{ background: hsl(160, 50%, 92%); }

main.m62111e83ac .dhb_ca88195aa8{
    flex: 1;
    }

main.m62111e83ac .dhb_ca88195aa8 h3{
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--ts-text);
    margin: 0 0 2px;
    }

main.m62111e83ac .dhb_ca88195aa8 span{
    font-size: 0.82rem;
    color: var(--ts-text-muted);
    }

main.m62111e83ac .jfah_6438eb428e{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    transition: transform 0.25s ease;
    color: var(--ts-text-muted);
    }

main.m62111e83ac .bhdf_9770ba1383.hkdp_cdafd89559 .jfah_6438eb428e{
    transform: rotate(180deg);
    }

main.m62111e83ac .cejo_2ed1355a53{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    }

main.m62111e83ac .bhdf_9770ba1383.hkdp_cdafd89559 .cejo_2ed1355a53{
    max-height: clamp(569px, 72.12vh, 947px);
    }

main.m62111e83ac .deab_1a3063b87b{
    padding: 0 24px 24px 74px;
    }

main.m62111e83ac .pio_8f051fadd2{
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    counter-reset: fix;
    }

main.m62111e83ac .pio_8f051fadd2 li{
    counter-increment: fix;
    position: relative;
    padding: 8px 0 8px 32px;
    font-size: 0.9rem;
    color: var(--ts-text);
    line-height: 1.65;
    }

main.m62111e83ac .pio_8f051fadd2 li::before{
    content: counter(fix);
    position: absolute;
    left: 0;
    top: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--ts-code-bg);
    color: var(--ts-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }

main.m62111e83ac .pio_8f051fadd2 li + li{
    border-top: 1px dashed var(--ts-border);
    }

main.m62111e83ac .cncm_4043334ce3{
    background: var(--ts-code-bg);
    padding: 2px 8px;
    border-radius: 4px;
    font-family: "SF Mono", "Consolas", "Monaco", monospace;
    font-size: 0.82rem;
    color: var(--ts-secondary);
    word-break: break-all;
    }

main.m62111e83ac .pbg_9bab277816{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    }

main.m62111e83ac .bkck_62e7151cbf{ background: hsl(0, 72%, 94%); color: hsl(0, 72%, 40%); }

main.m62111e83ac .imch_810407bbaf{ background: hsl(38, 90%, 92%); color: hsl(38, 80%, 35%); }

main.m62111e83ac .ts-tag-low{ background: hsl(160, 50%, 92%); color: hsl(160, 50%, 30%); }

main.m62111e83ac .ts-tools-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    }

@media (max-width: 680px) {main.m62111e83ac .ts-tools-grid{
    grid-template-columns: 1fr;
    }}

main.m62111e83ac .ts-tool-box{
    background: var(--ts-surface);
    border: 1px solid var(--ts-border);
    border-radius: var(--ts-radius-lg);
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
    }

main.m62111e83ac .ts-tool-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    }

main.m62111e83ac .ts-tool-box.ts-tool-log::after{
    background: var(--ts-secondary);
    }

main.m62111e83ac .ts-tool-box.ts-tool-repair::after{
    background: var(--ts-primary-dark);
    }

main.m62111e83ac .ts-tool-box h3{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ts-text);
    margin: 0 0 12px;
    }

main.m62111e83ac .ts-tool-box p{
    font-size: 0.9rem;
    color: var(--ts-text-muted);
    line-height: 1.65;
    margin: 0 0 16px;
    }

main.m62111e83ac .ts-path-block{
    background: var(--ts-code-bg);
    border-radius: var(--ts-radius-sm);
    padding: 14px 16px;
    margin-bottom: 16px;
    }

main.m62111e83ac .ts-path-label{
    font-size: 0.75rem;
    color: var(--ts-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
    }

main.m62111e83ac .ts-path-value{
    font-family: "SF Mono", "Consolas", monospace;
    font-size: 0.82rem;
    color: var(--ts-text);
    word-break: break-all;line-height: 1.5;
    }

main.m62111e83ac .ts-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: var(--ts-radius-sm);
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    }

main.m62111e83ac .ts-btn-primary{
    background: var(--ts-secondary);
    color: #fff;box-shadow: 0 2px 8px hsla(227, 65%, 53%, 0.25);
    }

main.m62111e83ac .ts-btn-primary:hover{
    background: hsl(227, 65%, 46%);
    box-shadow: 0 4px 14px hsla(227, 65%, 53%, 0.35); color: #ffffff;}

main.m62111e83ac .ts-btn-green{
    background: var(--ts-primary-dark);
    color: #fff;
    box-shadow: 0 2px 8px hsla(106, 70%, 38%, 0.25);
    }

main.m62111e83ac .ts-btn-green:hover{
    background: hsl(106, 70%, 32%);
    box-shadow: 0 4px 14px hsla(106, 70%, 38%, 0.35); color: #ffffff;}

main.m62111e83ac .ts-skin-section{
    background: linear-gradient(135deg, hsl(227, 65%, 97%) 0%, hsl(260, 40%, 97%) 100%);
    border-radius: var(--ts-radius-lg);
    padding: 40px 36px;}

main.m62111e83ac .ts-skin-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
    }

@media (max-width: 720px) {main.m62111e83ac .ts-skin-grid{
    grid-template-columns: 1fr;
    }}

main.m62111e83ac .ts-skin-img{
    border-radius: var(--ts-radius-md);
    overflow: hidden;
    box-shadow: 0 4px 20px hsla(227, 40%, 20%, 0.08);
    }

main.m62111e83ac .ts-skin-img img{
    width: 100%;
    height: auto;
    display: block;
    }

main.m62111e83ac .ts-skin-content h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ts-text);
    margin: 0 0 10px;
    }

main.m62111e83ac .ts-skin-content p{
    font-size: 0.9rem;
    color: var(--ts-text-muted);
    line-height: 1.65;
    margin: 0 0 14px;
    }

main.m62111e83ac .ts-condition{
    background: var(--ts-surface);
    border-radius: var(--ts-radius-sm);
    padding: 14px 18px;
    margin-bottom: 10px;
    border-left: 3px solid var(--ts-secondary);
    }

main.m62111e83ac .ts-condition strong{
    font-size: 0.85rem;
    color: var(--ts-text);
    }

main.m62111e83ac .ts-condition p{
    font-size: 0.84rem;
    margin: 4px 0 0;
    color: var(--ts-text-muted);
    line-height: 1.55;
    }

main.m62111e83ac .ts-related-links{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    }

main.m62111e83ac .ts-related-link{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    background: var(--ts-surface);
    border: 1px solid var(--ts-border);
    border-radius: var(--ts-radius-md);
    text-decoration: none;
    color: var(--ts-text);
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    }

main.m62111e83ac .ts-related-link:hover{
    border-color: var(--ts-secondary);
    box-shadow: 0 4px 16px hsla(227, 65%, 53%, 0.08);
    transform: translateY(-1px);
    }

main.m62111e83ac .ts-related-link svg{
    flex-shrink: 0;
    color: var(--ts-secondary);
    }

.ts-footer.ppk_4b6b2c999e{
    background: hsl(227, 30%, 14%);
    color: hsla(0, 0%, 100%, 0.65);
    padding: 40px 24px;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.7;
    }

.ts-footer.ppk_4b6b2c999e a{
    color: hsla(0, 0%, 100%, 0.8);
    text-decoration: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    }

.ts-footer.ppk_4b6b2c999e a:hover{
    color: #fff;
    border-bottom-color: #fff;
    }

.ts-footer.ppk_4b6b2c999e-brand{
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }

@media (max-width: 600px) {main.m62111e83ac .ibb_114614523e{
    padding: 56px 20px 44px;
    }
    main.m62111e83ac .jjao_cdb6789dbe{
    padding: 48px 0;
    }
    main.m62111e83ac .deab_1a3063b87b{
    padding-left: 24px;
    }
    main.m62111e83ac .ts-skin-section{
    padding: 28px 20px;
    }
    main.m62111e83ac .ts-tool-box{
    padding: 24px 20px;
    }}

footer.ppk_4b6b2c999e{
    background: hsl(225, 28%, 10%);
    padding: 48px 0 0;
    margin-top: 80px;
    color: hsl(225, 15%, 72%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }

footer .enn_a91cdfaffe{
    max-width: var(--max-width,1200px);
    margin: 0 auto;
    padding: 0 32px;
    }

footer .eeji_3ffa84c7fe{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 36px;
    border-bottom: 1px solid hsl(225, 20%, 18%);
    }

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

footer .hfi_ba18d8fe47{
    font-size: 18px;
    font-weight: 700;
    color: hsl(0, 0%, 96%);
    letter-spacing: 0.5px;
    }

footer .dglc_390d046fcf{
    margin: 0;
    font-size: 13px;
    color: hsl(225, 12%, 50%);
    }

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

footer .glg_ff4a05f208{
    color: hsl(225, 15%, 68%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.24s ease);
    font-size: 14px;
    white-space: nowrap;
    }

footer .glg_ff4a05f208:hover{
    color: #fff;
    background: hsl(225, 20%, 16%);
    }

footer .pjh_5697738f19{
    width: 1px;
    height: 14px;
    background: hsl(225, 20%, 22%);
    flex: 0 0 1px; color: #ffffff;}

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

footer .fch_216772e693{
    flex: 0 1 auto;
    font-size: 13px;
    color: hsl(225, 10%, 42%);
    }

footer .cib_a0da572560{
    flex: 0 0 auto;
    font-size: 12px;
    color: hsl(225, 10%, 36%);
    }

@media (max-width: 680px) {footer.ppk_4b6b2c999e{
    padding: 36px 0 0;
    margin-top: 56px;
    }
    footer .enn_a91cdfaffe{
    padding: 0 20px;
    }
    footer .eeji_3ffa84c7fe{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 28px;
    }
    footer .eada_58ed53862f{
    gap: 4px;
    }
    footer .glg_ff4a05f208{
    padding: 4px 8px;
    font-size: 13px;
    }
    footer .kcj_11bb2b5595{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px 0;
    }}

.cc-sec-area.active,
.cc-sec-area.cc-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}