:root {

  --env-primary: hsl(230, 90%, 60%);
  --env-secondary: hsl(28, 72%, 60%);
  --env-text: hsl(230, 10%, 6%);
  --env-bg: hsl(230, 9%, 97%);
  --env-card-bg: #ffffff;
  --env-border: hsl(230, 10%, 6%);
  --env-font-serif: "Georgia", "Times New Roman", serif;
  --env-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --env-max-width: 1200px;
  --env-read-width: 760px;
  --primary-color: hsl(230, 90%, 50%);
  --secondary-color: hsl(28, 72%, 45%);
  --bg-color: hsl(230, 9%, 97%);
  --text-color: hsl(230, 10%, 6%);
  --text-muted: hsl(230, 10%, 40%);
  --border-color: var(--text-color);
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --shadow-sm: 2px 2px 0px var(--border-color);
  --shadow-md: 4px 4px 0px var(--border-color);
  --shadow-lg: 8px 8px 0px var(--border-color);
  --nav-height: 80px;
  --max-width: min(1200px, 92vw);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --content-page-bg: var(--bg-color, hsl(220, 7%, 96%));
  --content-surface-bg: #ffffff;
  --content-text: var(--text-color, hsl(220, 10%, 11%));
  --content-text-muted: var(--text-muted, rgba(31, 35, 40, 0.72));
  --content-border: var(--border-color, rgba(0, 0, 0, 0.08));
  --content-accent-text: hsl(22, 78%, 38%);
}
div.h2eb50067.a102ee__42b 接下来是内容和品牌一致性。页面必须以"OpenClaw"为唯一品牌，并以"openclaw"作为核心关键词。日期方面，版权年份必须是 2026 年，并且其他日期不能晚于 2026/**/-03/**/-27。
    从语义角度看，页面将采用 "seo"风格模式，角色是 "requirements"，语义是 "compatibility_check"。内容侧重于"上手支持型 / 流程拆解型 / 导航分流型 / 判断漏斗型"。在撰写文案时，我会特别强调上手路径、配置入口和注意事项，语气克制但直接，采用"前置判断 -> 执行动作 -> 后续处理"的结构。CTA（Call to Action）负责引导下一步操作，不能重复使用全站统一的口号。
    我还会添加额外的关键词，如"新手说明"、"配置入口"、"常见障碍"、"步骤说明"、"操作流程"、"处理方式"。这会帮助我优化页面在搜索引擎中的表现。我将确保页面提供可执行的信息、判断条件、步骤或边界说明。
    页面必须包含至少 600/**/-900 字的正文内容，并且至少有 3 个有实质信息的区块，如果使用 FAQ，则至少要包含 5 组问答。为了避免内容同质化，我将设计至少 1 个专属信息区块，而不是采用全站通用的 hero+卡片+CTA 结尾。我需要充分利用支撑页的特性，进行下一步的引导。
    我需要创建如下的页面结构，包括：主容器、首屏、区块 1（操作系统兼容性列表）、区块 2（配置入口与步骤说明）、区块 3（常见障碍与排查）、结尾区块。
    文案方面，首屏将包含一个醒目的 H1 标签（"openclaw 系统要求"），一个简洁的导语，以及一个 CTA（"查看获取 openclaw"）。
    区块 1 将以 4 列卡片的形式展示各平台的运行条件，包括 Windows, div.h2eb50067.a102ee__42b macOS, div.h2eb50067.a102ee__42b Linux, div.h2eb50067.a102ee__42b Android, div.h2eb50067.a102ee__42b iOS。
    区块 3 将提供一个 FAQ 区域，包含至少 5 组常见的环境配置问题，并提供内部链接指向问题排查页面。
    结尾区块将引导用户获取软件或查看新手说明，使用 CTA 指向 /access/ 或 /help/。
    
    div.h2eb50067.a102ee__42b.e911aaad19{
    background-color: var(--bg-color, var(--env-bg));
    color: var(--text-color, var(--env-text));
    font-family: var(--env-font-sans);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
div.h2eb50067.a102ee__42b .ze85dd_d681{
    max-width: var(--env-max-width);
    margin: 0 auto;
    padding: 5rem 2rem;
    }
div.h2eb50067.a102ee__42b .ze85dd_d681.mbc7e_de2b{
    max-width: var(--env-read-width);
    }
div.h2eb50067.a102ee__42b a.gaab2fea{
    color: var(--primary-color, var(--env-primary));
    text-decoration: none;
    border-bottom: 2px solid var(--primary-color, var(--env-primary));
    font-weight: 600;
    transition: all 0.2s ease;
    }
div.h2eb50067.a102ee__42b a.gaab2fea:hover{
    color: var(--env-secondary);
    border-bottom-color: var(--env-secondary);
    }
div.h2eb50067.a102ee__42b .ue3d817{
    display: inline-block;
    background-color: var(--primary-color, var(--env-primary));
    color: #ffffff;
    font-family: var(--env-font-sans);
    font-weight: 700;
    text-decoration: none;
    padding: 1rem 2.5rem;
    font-size: 1.125rem;
    border: 2px solid var(--env-border);
    box-shadow: 6px 6px 0px var(--env-border);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
    }
div.h2eb50067.a102ee__42b .ue3d817:hover{
    transform: translate(2px, 2px);
    box-shadow: 4px 4px 0px var(--env-border);
    background-color: var(--env-secondary);
    color: var(--env-text);
    }
div.h2eb50067.a102ee__42b .l3fbe6d3{
    text-align: center;
    max-width: var(--env-read-width);
    margin: 0 auto 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
div.h2eb50067.a102ee__42b .l3fbe6d3 h2{
    font-family: var(--env-font-serif);
    font-size: 2.25rem;
    color: var(--text-color, var(--env-text));
    margin-bottom: 1rem;
    line-height: 1.3;
    }
div.h2eb50067.a102ee__42b .l3fbe6d3 p{
    font-size: 1.125rem;
    opacity: 0.85;
    }
div.h2eb50067.a102ee__42b .o6e3cc41{
    padding: 8rem 2rem 5rem;
    border-bottom: 2px solid var(--env-border);
    background-color: var(--env-card-bg); color: #1a1a2e;}
div.h2eb50067.a102ee__42b .p6760__e65{
    max-width: var(--env-read-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
div.h2eb50067.a102ee__42b .o6e3cc41 h1{
    font-family: var(--env-font-serif);
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--text-color, var(--env-text));
    margin-bottom: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
    }
div.h2eb50067.a102ee__42b .o6e3cc41 p{
    font-size: 1.25rem;
    color: var(--text-color, var(--env-text));
    opacity: 0.85;
    margin-bottom: 2.5rem;
    max-width: 680px;
    }
div.h2eb50067.a102ee__42b .rb512c_y51{
    background-color: var(--bg-color, var(--env-bg)); color: #1a1a2e;}
div.h2eb50067.a102ee__42b .s8dc1d__57f{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    }
div.h2eb50067.a102ee__42b .m290a62f{
    background-color: var(--env-card-bg);
    border: 2px solid var(--env-border);
    padding: 2rem;
    box-shadow: 8px 8px 0px var(--env-border);
    display: flex;
    flex-direction: column; color: #1a1a2e;}
div.h2eb50067.a102ee__42b .m290a62f h3{
    font-family: var(--env-font-serif);
    font-size: 1.5rem;
    color: var(--text-color, var(--env-text));
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 3px solid var(--primary-color, var(--env-primary));
    align-self: flex-start;
    }
div.h2eb50067.a102ee__42b .m290a62f p{
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
    }
div.h2eb50067.a102ee__42b .ad7a788_ed7{
    background-color: var(--env-card-bg);
    border-top: 2px solid var(--env-border);
    border-bottom: 2px solid var(--env-border); color: #1a1a2e;}
div.h2eb50067.a102ee__42b .p691__740{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    }
div.h2eb50067.a102ee__42b .wc0ff4ef h2{
    font-family: var(--env-font-serif);
    font-size: 2.25rem;
    color: var(--text-color, var(--env-text));
    margin-bottom: 1.5rem;
    line-height: 1.3;
    }
div.h2eb50067.a102ee__42b .wc0ff4ef p{
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    opacity: 0.9;
    }
div.h2eb50067.a102ee__42b .s4b8__6647{
    position: relative;
    }
div.h2eb50067.a102ee__42b .s4b8__6647 img{
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
    border: 2px solid var(--env-border);
    box-shadow: 10px 10px 0px var(--env-border);
    display: block;
    }
div.h2eb50067.a102ee__42b .f43e1a685c{
    background-color: var(--bg-color, var(--env-bg)); color: #1a1a2e;}
div.h2eb50067.a102ee__42b .b4580__f26{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    }
div.h2eb50067.a102ee__42b .p6758_b433{
    background-color: var(--env-card-bg);
    border: 2px solid var(--env-border);
    padding: 2rem;
    box-shadow: 6px 6px 0px var(--env-border); color: #1a1a2e;}
div.h2eb50067.a102ee__42b .p6758_b433 h3{
    font-family: var(--env-font-serif);
    font-size: 1.25rem;
    color: var(--primary-color, var(--env-primary));
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    }
div.h2eb50067.a102ee__42b .p6758_b433 h3::before{
    content: "Q.";
    font-weight: 900;
    color: var(--env-text);
    }
div.h2eb50067.a102ee__42b .p6758_b433 p{
    font-size: 1rem;
    margin: 0;
    padding-left: 2rem;
    opacity: 0.9;
    }
div.h2eb50067.a102ee__42b .mso7t1jv8ns{
    background-color: var(--env-card-bg);
    border-top: 2px solid var(--env-border);
    text-align: center; color: #1a1a2e;}
div.h2eb50067.a102ee__42b .mso7t1jv8ns h2{
    font-family: var(--env-font-serif);
    font-size: 2.25rem;
    margin-bottom: 1rem;
    }
div.h2eb50067.a102ee__42b .mso7t1jv8ns p{
    font-size: 1.125rem;
    margin-bottom: 2rem;
    opacity: 0.85;
    }
div.h2eb50067.a102ee__42b .t27e87_606a{
    background-color: var(--text-color, var(--env-text));
    color: var(--env-bg);
    text-align: center;
    padding: 3rem 2rem;
    }
div.h2eb50067.a102ee__42b .t27e87_606a p{
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.7;
    }
@media (max-width: 1024px) {div.h2eb50067.a102ee__42b .s8dc1d__57f{
    grid-template-columns: repeat(2, 1fr);
    }}
@media (max-width: 768px) {div.h2eb50067.a102ee__42b .o6e3cc41 h1{
    font-size: 2.5rem;
    }
div.h2eb50067.a102ee__42b .p691__740{
    grid-template-columns: 1fr;
    gap: 3rem;
    }
div.h2eb50067.a102ee__42b .s4b8__6647{
    order: -1;
    }
div.h2eb50067.a102ee__42b .ze85dd_d681{
    padding: 3rem 1.5rem;
    }
div.h2eb50067.a102ee__42b .o6e3cc41{
    padding: 6rem 1.5rem 3rem;
    }}
@media (max-width: 480px) {div.h2eb50067.a102ee__42b .s8dc1d__57f{
    grid-template-columns: 1fr;
    }
div.h2eb50067.a102ee__42b .p6758_b433{
    padding: 1.5rem;
    }
div.h2eb50067.a102ee__42b .p6758_b433 p{
    padding-left: 0;
    margin-top: 0.5rem;
    }}
div.h2eb50067.a102ee__42b .s286b9bc{box-sizing:border-box;}
.spnmb9q5m{  }
.x3b108f_8c{  }
.mn57ot1sm{  }
.r71e8c9_xqp6{  }
.tyqtkolytwr{  }
.pdb94bd25b{  }
.hyqcb0h4turm{  }
.v15d50_82io{  }
.m7641__42a9{  }
@media (max-width: 768px){}
.gzo0jlbz{
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    
    font-family: Georgia, "Times New Roman", "Noto Serif SC", "Songti SC", serif; color: #1a1a2e;}
.n36882_0x6{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    }
.lf0eea78533{
    display: none;
    }
.re68d7f0{
    flex: 1;
    display: flex;
    align-items: center;
    }
.w1a54__fe021{
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: -0.04em;
    text-transform: lowercase;
    transition: var(--transition);
    }
.w1a54__fe021:hover{
    color: var(--primary-color);
    }
.z400e5c_ra5o{
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.e99e9__866f{
    display: flex;
    gap: 2.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    }
.i0680_2f4{
    position: relative;
    }
.e5d239454{
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 0.5rem 0;
    display: block;
    transition: var(--transition);
    }
.e5d239454::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: var(--primary-color);
    transition: var(--transition); color: #ffffff;}
.e5d239454:hover::after{
    width: 100%;
    }
.ta72fff_b5{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
    }
.fkoqq3e4kf8o{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: var(--btn-text);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.6rem 1.6rem;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    white-space: nowrap;
    }
.fkoqq3e4kf8o:hover{
    background-color: var(--secondary-color);
    color: #1a1a2e;
    
    box-shadow: var(--shadow-sm);
    transform: translate(2px, 2px);
    }
.z750f__dcbcc{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 20px;
    cursor: pointer;
    z-index: 1001;
    }
.s2557b__6497{
    width: 100%;
    height: 3px;
    background-color: var(--text-color);
    transition: var(--transition);
    transform-origin: left center; color: #ffffff;}
@media screen and (max-width: 992px){.re68d7f0, .ta72fff_b5 {
    flex: auto;
    }
.z750f__dcbcc {
    display: flex;
    }
.z400e5c_ra5o {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    box-shadow: 0 16px 32px rgba(0,0,0,0.1);
    flex-direction: column;
    padding: 2rem 0;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: var(--transition); color: #1a1a2e;}
.e99e9__866f {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    }
.e5d239454 {
    font-size: 1.25rem;
    }
.lf0eea78533:checked ~ .z400e5c_ra5o {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(1) {
    transform: rotate(45deg) scaleX(1.1);
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(2) {
    opacity: 0;
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(3) {
    transform: rotate(-45deg) scaleX(1.1);
    }}
@media screen and (max-width: 480px){.w1a54__fe021 {
    font-size: 1.5rem;
    }
.fkoqq3e4kf8o {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    }
.ta72fff_b5 {
    gap: 1rem;
    }}
.e5d239454.active{color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
@media (min-width: 993px){.gzo0jlbz #ntc2ed19bb75, .gzo0jlbz label[for="ntc2ed19bb75"]{ display: none !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e5d239454.active {color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
#ntc2ed19bb75:checked ~ .z400e5c_ra5o { right: 0 !important; left: auto !important; }
@media (max-width: 992px) {.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o { left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 992px) {#ntc2ed19bb75:checked ~ .z400e5c_ra5o { right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 993px) {.gzo0jlbz.qfd72c436a0 #ntc2ed19bb75, .gzo0jlbz.qfd72c436a0 label[for="ntc2ed19bb75"] { display: none !important; }}
@media (min-width: 993px) {.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o { position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px) {.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px) {.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o a { display: inline-flex !important; align-items: center !important; text-align: left !important; }}
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.h2eb50067 img.l493__9123 {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.h2eb50067 img.l493__9123.vca11d35ec8 { aspect-ratio: 16 / 9; }
div.h2eb50067 img.l493__9123.y9e2__86d9 { aspect-ratio: 16 / 10; }
div.h2eb50067 img.l493__9123.wa62__56c6 { aspect-ratio: 4 / 3; }
div.h2eb50067 img.l493__9123.ce879ca41 { aspect-ratio: 1 / 1; }
div.h2eb50067 :is(div, div, div, div, ul, ol, li, figure, picture, table, form, fieldset, pre, blockquote) {
    box-sizing: border-box !important;
    min-width: 0;
    max-width: 100%;
    }
div.h2eb50067 .y6ad1a_8d81 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.h2eb50067 .y6ad1a_8d81.vca11d35ec8 { aspect-ratio: 16 / 9; }
div.h2eb50067 .y6ad1a_8d81.y9e2__86d9 { aspect-ratio: 16 / 10; }
div.h2eb50067 .y6ad1a_8d81.wa62__56c6 { aspect-ratio: 4 / 3; }
div.h2eb50067 .y6ad1a_8d81.ce879ca41 { aspect-ratio: 1 / 1; }
div.h2eb50067 .y6ad1a_8d81 > img.l493__9123,
    div.h2eb50067 .y6ad1a_8d81 > picture > img.l493__9123 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
div.h2eb50067.a102ee__42b .ue3d817 a:not([class]){color:#ffffff !important;text-decoration:underline;}
div.h2eb50067.a102ee__42b .ue3d817 a[class=""]{color:#ffffff !important;text-decoration:underline;}
div.h2eb50067.a102ee__42b .ue3d817 a:not([class]):hover{opacity:0.92;}
div.h2eb50067.a102ee__42b .ue3d817 a[class=""]:hover{opacity:0.92;}
div.h2eb50067.a102ee__42b .ue3d817 a:not([class]):visited{color:#ffffff !important;}
div.h2eb50067.a102ee__42b .ue3d817 a[class=""]:visited{color:#ffffff !important;}
.qfc2c0067 {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.qfc2c0067 > :first-child,
    .qfc2c0067 > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
.gzo0jlbz{
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    
    font-family: Georgia, "Times New Roman", "Noto Serif SC", "Songti SC", serif; color: #1a1a2e;}
.n36882_0x6{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    }
.lf0eea78533{
    display: none;
    }
.re68d7f0{
    flex: 1;
    display: flex;
    align-items: center;
    }
.w1a54__fe021{
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: -0.04em;
    text-transform: lowercase;
    transition: var(--transition);
    }
.w1a54__fe021:hover{
    color: var(--primary-color);
    }
.z400e5c_ra5o{
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.e99e9__866f{
    display: flex;
    gap: 2.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    }
.i0680_2f4{
    position: relative;
    }
.e5d239454{
    color: var(--text-color);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 0.5rem 0;
    display: block;
    transition: var(--transition);
    }
.e5d239454::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: var(--primary-color);
    transition: var(--transition); color: #ffffff;}
.e5d239454:hover::after{
    width: 100%;
    }
.ta72fff_b5{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
    }
.fkoqq3e4kf8o{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: var(--btn-text);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.6rem 1.6rem;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    white-space: nowrap;
    }
.fkoqq3e4kf8o:hover{
    background-color: var(--secondary-color);
    color: #1a1a2e;
    
    box-shadow: var(--shadow-sm);
    transform: translate(2px, 2px);
    }
.z750f__dcbcc{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 20px;
    cursor: pointer;
    z-index: 1001;
    }
.s2557b__6497{
    width: 100%;
    height: 3px;
    background-color: var(--text-color);
    transition: var(--transition);
    transform-origin: left center; color: #ffffff;}
@media screen and (max-width: 992px){.re68d7f0, .ta72fff_b5 {
    flex: auto;
    }
.z750f__dcbcc {
    display: flex;
    }
.z400e5c_ra5o {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    box-shadow: 0 16px 32px rgba(0,0,0,0.1);
    flex-direction: column;
    padding: 2rem 0;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: var(--transition); color: #1a1a2e;}
.e99e9__866f {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    }
.e5d239454 {
    font-size: 1.25rem;
    }
.lf0eea78533:checked ~ .z400e5c_ra5o {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(1) {
    transform: rotate(45deg) scaleX(1.1);
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(2) {
    opacity: 0;
    }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(3) {
    transform: rotate(-45deg) scaleX(1.1);
    }}
@media screen and (max-width: 480px){.w1a54__fe021 {
    font-size: 1.5rem;
    }
.fkoqq3e4kf8o {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    }
.ta72fff_b5 {
    gap: 1rem;
    }}
.e5d239454.active{color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
@media (min-width: 993px){.gzo0jlbz #ntc2ed19bb75, .gzo0jlbz label[for="ntc2ed19bb75"]{ display: none !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e5d239454.active{color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
#ntc2ed19bb75:checked ~ .z400e5c_ra5o{ right: 0 !important; left: auto !important; }
@media (max-width: 992px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 992px){#ntc2ed19bb75:checked ~ .z400e5c_ra5o{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 #ntc2ed19bb75, .gzo0jlbz.qfd72c436a0 label[for="ntc2ed19bb75"]{ display: none !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.spnmb9q5m{  }
.x3b108f_8c{  }
.mn57ot1sm{  }
.r71e8c9_xqp6{  }
.tyqtkolytwr{  }
.pdb94bd25b{  }
.hyqcb0h4turm{  }
.v15d50_82io{  }
.m7641__42a9{  }
@media (max-width: 768px){}
.gzo0jlbz{
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: var(--nav-height);
  background-color: var(--nav-bg);
  border-bottom: 2px solid var(--border-color);
  
  font-family: Georgia, "Times New Roman", "Noto Serif SC", "Songti SC", serif; color: #1a1a2e;}
.n36882_0x6{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--max-width);
  height: 100%;
  margin: 0 auto;
}
.lf0eea78533{
  display: none;
}
.re68d7f0{
  flex: 1;
  display: flex;
  align-items: center;
}
.w1a54__fe021{
  color: var(--text-color);
  font-size: 1.8rem;
  font-weight: 900;
  text-decoration: none;
  letter-spacing: -0.04em;
  text-transform: lowercase;
  transition: var(--transition);
}
.w1a54__fe021:hover{
  color: var(--primary-color);
}
.z400e5c_ra5o{
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.e99e9__866f{
  display: flex;
  gap: 2.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.i0680_2f4{
  position: relative;
}
.e5d239454{
  color: var(--text-color);
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 700;
  padding: 0.5rem 0;
  display: block;
  transition: var(--transition);
}
.e5d239454::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--primary-color);
  transition: var(--transition); color: #ffffff;}
.e5d239454:hover::after{
  width: 100%;
}
.ta72fff_b5{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}
.fkoqq3e4kf8o{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: var(--btn-text);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  padding: 0.6rem 1.6rem;
  border: 2px solid var(--border-color);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  transition: var(--transition);
  white-space: nowrap;
}
.fkoqq3e4kf8o:hover{
  background-color: var(--secondary-color);
  color: #1a1a2e;
  
  box-shadow: var(--shadow-sm);
  transform: translate(2px, 2px);
}
.z750f__dcbcc{
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 20px;
  cursor: pointer;
  z-index: 1001;
}
.s2557b__6497{
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
  transition: var(--transition);
  transform-origin: left center; color: #ffffff;}
@media screen and (max-width: 992px){.re68d7f0, .ta72fff_b5 {
    flex: auto;
  }
.z750f__dcbcc {
    display: flex;
  }
.z400e5c_ra5o {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    box-shadow: 0 16px 32px rgba(0,0,0,0.1);

    flex-direction: column;
    padding: 2rem 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: var(--transition); color: #1a1a2e;}
.e99e9__866f {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
  }
.e5d239454 {
    font-size: 1.25rem;
  }
.lf0eea78533:checked ~ .z400e5c_ra5o {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(1) {
    transform: rotate(45deg) scaleX(1.1);
  }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(2) {
    opacity: 0;
  }
.lf0eea78533:checked ~ .ta72fff_b5 .z750f__dcbcc .s2557b__6497:nth-child(3) {
    transform: rotate(-45deg) scaleX(1.1);
  }}
@media screen and (max-width: 480px){.w1a54__fe021 {
    font-size: 1.5rem;
  }
.fkoqq3e4kf8o {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
.ta72fff_b5 {
    gap: 1rem;
  }}
.e5d239454.active{color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
@media (min-width: 993px){.gzo0jlbz #ntc2ed19bb75, .gzo0jlbz label[for="ntc2ed19bb75"]{ display: none !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px){.gzo0jlbz .z400e5c_ra5o a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e5d239454.active{color: #ffffff; background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
#ntc2ed19bb75:checked ~ .z400e5c_ra5o{ right: 0 !important; left: auto !important; }
@media (max-width: 992px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 992px){#ntc2ed19bb75:checked ~ .z400e5c_ra5o{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 #ntc2ed19bb75, .gzo0jlbz.qfd72c436a0 label[for="ntc2ed19bb75"]{ display: none !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 993px){.gzo0jlbz.qfd72c436a0 .z400e5c_ra5o a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.k7ba9c_2196{  }
.nf6a__608b{  }
.m799__eec0{  }
.u96fb4_b3d4{  }
.s30acc73d{  }
.z11f54844{  }
.t420d2_0612{  }
.h56a__4173{  }
.t98e__d26c{  }
@media (max-width: 768px){}
.vbef3a_e10e{box-sizing:border-box;}
.o3a1__9553{box-sizing:border-box;}
.n61284_c56a{box-sizing:border-box;}