:root {

  --primary-color: hsl(115, 77%, 55%);
  --secondary-color: hsl(247, 61%, 55%);
  --bg-color: hsl(115, 7%, 96%);
  --text-color: hsl(115, 10%, 10%);
  --text-muted: hsl(115, 10%, 45%);
  --border-color: hsl(115, 10%, 85%);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
  --nav-height: 72px;
  --max-width: min(1200px, 92vw);
  --transition: all 0.3s ease;
  --nav-bg: var(--bg-color);
  --oc-brand-primary: hsl(115, 77%, 45%);
  --oc-brand-secondary: hsl(247, 61%, 55%);
  --oc-text-main: hsl(115, 10%, 10%);
  --oc-text-muted: hsl(115, 10%, 35%);
  --oc-bg-page: hsl(115, 7%, 96%);
  --oc-bg-surface: #ffffff;
  --oc-border-color: rgba(0, 0, 0, 0.08);
  --oc-radius-md: 12px;
  --oc-radius-lg: 24px;
  --oc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --oc-shadow-md: 0 8px 30px rgba(0, 0, 0, 0.08);
  --oc-transition: all 0.3s ease;
  --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%);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
.g6cb9__7ab1{
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(8px); color: #1a1a2e;}
.z9d66e_2c8c{
    max-width: var(--max-width);
    margin: 0 auto;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    }
.i71a52f_e51{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    font-size: 20px;
    transition: var(--transition);
    }
.i71a52f_e51:hover{
    opacity: 0.8;
    }
.x07906_80d{
    font-size: 28px;
    line-height: 1;
    }
.s88dce72{
    letter-spacing: -0.02em;
    }
.v99367c982{
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    }
.v99367c982 span{
    width: 24px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #ffffff;}
.bad71b336{
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    }
.bad71b336 li a{
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: var(--text-color);
    font-size: 15px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.bad71b336 li a:hover{
    background: rgba(0, 0, 0, 0.04);
    color: var(--primary-color);
    }
@media (max-width: 768px){.v99367c982{
    display: flex;
    }
.bad71b336{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    gap: 0;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    display: none; color: #1a1a2e;}
.bad71b336.active{
    display: flex;
    }
.bad71b336 li{
    width: 100%;
    }
.bad71b336 li a{
    padding: 12px 16px;
    }}
.d214__ee5e{
    background: var(--bg-color, hsl(115, 7%, 96%));
    border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
    padding: 64px 0 32px;
    margin-top: 120px; color: #1a1a2e;}
.q7ba6__05a{
    max-width: var(--max-width, min(1200px, 92vw));
    margin: 0 auto;
    padding: 0 24px;
    }
.n58aw9wrmy3{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 48px;
    flex-wrap: wrap;
    gap: 32px;
    }
.y09d4bb6cf{
    flex: 1;
    min-width: 240px;
    }
.hfe92a22dc7{
    font-size: 20px;
    font-weight: 600;
    color: var(--text-color, hsl(115, 10%, 10%));
    display: block;
    margin-bottom: 8px;
    }
.sa1f4__e1a3{
    font-size: 14px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    margin: 0;
    }
.z7c69c6011b{
    display: flex;
    gap: 32px;
    align-items: center;
    }
.tole62mhw{
    font-size: 14px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    text-decoration: none;
    transition: var(--transition, all 0.3s ease);
    }
.tole62mhw:hover{
    color: var(--primary-color, hsl(115, 77%, 55%));
    }
.s0jowwtcrzp3{
    padding-top: 32px;
    border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
    text-align: center;
    }
.ch9ia09oqxq{
    font-size: 13px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    margin: 0;
    }
@media (max-width: 768px){.d214__ee5e{
    padding: 48px 0 24px;
    margin-top: 80px;
    }
.n58aw9wrmy3{
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 32px;
    }
.y09d4bb6cf{
    min-width: auto;
    }
.z7c69c6011b{
    flex-direction: column;
    gap: 16px;
    }}
div.xab8d6b757a.wd6yzberi8 2................  **Pre-use Judgment:** (Alternating layout)................ The user will be able to see the engine
    3................  **Core Capabilities & Boundaries:** A 4-column grid................ H2: "openclaw，龙虾游戏引擎的核心边界"................ Highlight four core capabilities of the engine: physics, div.xab8d6b757a.wd6yzberi8 tilemaps, div.xab8d6b757a.wd6yzberi8 logic, div.xab8d6b757a.wd6yzberi8 and export................
    5................  **Funnel/Routing div.i02f05_94af:** Guide the user based on intent................ Download, div.xab8d6b757a.wd6yzberi8 Learn, div.xab8d6b757a.wd6yzberi8 FAQ................

    div.xab8d6b757a.wd6yzberi8.l06732c_u8{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--text-color, var(--oc-text-main));
    background-color: var(--bg-color, var(--oc-bg-page));
    line-height: 1.7;
    font-size: 16px;
    padding-top: 4rem;
    -webkit-font-smoothing: antialiased;
    }
div.xab8d6b757a.wd6yzberi8.l06732c_u8 h1, div.xab8d6b757a.wd6yzberi8.l06732c_u8 h2, div.xab8d6b757a.wd6yzberi8.l06732c_u8 h3{
    font-family: "Georgia", "Times New Roman", serif; 
    color: var(--text-color);
    margin-top: 0;
    font-weight: 600;
    }
div.xab8d6b757a.wd6yzberi8 .gd62b__3375{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
    }
div.xab8d6b757a.wd6yzberi8 .fbua24jh{
    max-width: 760px;
    margin: 0 auto;
    }
div.xab8d6b757a.wd6yzberi8 .q995dc8b_eb4r{
    text-align: center;
    }
div.xab8d6b757a.wd6yzberi8 .pa4ea36_onj7{
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
    }
div.xab8d6b757a.wd6yzberi8 .t1a81f_jrq{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 1.75rem;
    border-radius: var(--oc-radius-md);
    font-weight: 600;
    text-decoration: none;
    transition: var(--oc-transition);
    font-size: 1rem;
    }
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz{
    background-color: var(--primary-color, var(--oc-brand-primary));
    color: #1a1a2e;
    box-shadow: 0 4px 12px rgba(45, 175, 45, 0.3);
    }
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(45, 175, 45, 0.4);
    }
div.xab8d6b757a.wd6yzberi8 .j329__0831d{
    background-color: var(--oc-bg-surface);
    color: #1a1a2e;
    border: 1px solid var(--oc-border-color);
    box-shadow: var(--oc-shadow-sm);
    }
div.xab8d6b757a.wd6yzberi8 .j329__0831d:hover{
    border-color: var(--oc-brand-secondary);
    transform: translateY(-2px);
    }
div.xab8d6b757a.wd6yzberi8 .v3dcf6_97e{
    padding: 4rem 0 6rem;
    border-bottom: 1px solid var(--oc-border-color);
    }
div.xab8d6b757a.wd6yzberi8 .v3dcf6_97e h1{
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
    }
div.xab8d6b757a.wd6yzberi8 .lad5f5__0365b{
    font-size: 1.25rem;
    color: var(--oc-text-muted);
    margin-bottom: 2rem;
    }
div.xab8d6b757a.wd6yzberi8 .fi8ostcla{
    text-align: left;
    background: var(--oc-bg-surface);
    padding: 2rem;
    border-radius: var(--oc-radius-md);
    box-shadow: var(--oc-shadow-sm);
    margin-top: 3rem; color: #1a1a2e;}
div.xab8d6b757a.wd6yzberi8 .fi8ostcla h3{
    font-family: inherit;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--oc-border-color);
    padding-bottom: 0.5rem;
    }
div.xab8d6b757a.wd6yzberi8 .fi8ostcla ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    }
div.xab8d6b757a.wd6yzberi8 .fi8ostcla li{
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    color: var(--oc-text-muted);
    }
div.xab8d6b757a.wd6yzberi8 .fi8ostcla li::before{
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--oc-brand-primary);
    font-weight: bold;
    }
div.xab8d6b757a.wd6yzberi8 .de6b017f_yd{
    padding: 6rem 0;
    }
div.xab8d6b757a.wd6yzberi8 .fjd553zaq{
    display: flex;
    align-items: center;
    gap: 4rem;
    margin-bottom: 6rem;
    }
div.xab8d6b757a.wd6yzberi8 .fjd553zaq:last-child{
    margin-bottom: 0;
    }
div.xab8d6b757a.wd6yzberi8 .fjd553zaq.nd19n2ecn{
    flex-direction: row-reverse;
    }
div.xab8d6b757a.wd6yzberi8 .cc5c6_317{
    flex: 1;
    }
div.xab8d6b757a.wd6yzberi8 .d7a3c__4dc2{
    flex: 1;
    position: relative;
    }
div.xab8d6b757a.wd6yzberi8 .d7a3c__4dc2 img{
    width: 100%;
    height: auto;
    border-radius: var(--oc-radius-lg);
    box-shadow: var(--oc-shadow-md);
    object-fit: cover;
    aspect-ratio: 4/3;
    }
div.xab8d6b757a.wd6yzberi8 .cc5c6_317 h2{
    font-size: 2rem;
    margin-bottom: 1.25rem;
    }
div.xab8d6b757a.wd6yzberi8 .cc5c6_317 p{
    color: var(--oc-text-muted);
    margin-bottom: 1.5rem;
    }
div.xab8d6b757a.wd6yzberi8 .k1af70__770{
    background-color: var(--oc-bg-surface);
    padding: 6rem 0; color: #1a1a2e;}
div.xab8d6b757a.wd6yzberi8 .x2892607_oedi{
    margin-bottom: 4rem;
    }
div.xab8d6b757a.wd6yzberi8 .x2892607_oedi h2{
    font-size: 2.25rem;
    }
div.xab8d6b757a.wd6yzberi8 .l23dd_901{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    }
div.xab8d6b757a.wd6yzberi8 .y8a17__e55e{
    padding: 2rem 1.5rem;
    background: var(--oc-bg-page);
    border-radius: var(--oc-radius-md);
    border: 1px solid var(--oc-border-color);
    transition: var(--oc-transition); color: #1a1a2e;}
div.xab8d6b757a.wd6yzberi8 .y8a17__e55e:hover{
    transform: translateY(-5px);
    box-shadow: var(--oc-shadow-sm);
    border-color: var(--oc-brand-secondary);
    }
div.xab8d6b757a.wd6yzberi8 .r1a4__2df{
    width: 48px;
    height: 48px;
    margin-bottom: 1.5rem;
    color: var(--oc-brand-primary);
    }
div.xab8d6b757a.wd6yzberi8 .r1a4__2df svg{
    width: 100%;
    height: 100%;
    }
div.xab8d6b757a.wd6yzberi8 .y8a17__e55e h3{
    font-size: 1.25rem;
    margin-bottom: 1rem;
    }
div.xab8d6b757a.wd6yzberi8 .y8a17__e55e p{
    font-size: 0.9rem;
    color: var(--oc-text-muted);
    margin: 0;
    }
div.xab8d6b757a.wd6yzberi8 .p13c5504_xewz{
    padding: 6rem 0;
    background-color: var(--oc-text-main);
    color: #ffffff;
    text-align: center;
    }
div.xab8d6b757a.wd6yzberi8 .p13c5504_xewz h2, div.xab8d6b757a.wd6yzberi8 .p13c5504_xewz h3{
    color: #ffffff;
    }
div.xab8d6b757a.wd6yzberi8 .vxclujugw23{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
    }
div.xab8d6b757a.wd6yzberi8 .whtlyriyv{
    background: rgba(255, 255, 255, 0.05);
    padding: 2.5rem 2rem;
    border-radius: var(--oc-radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left; color: #1a1a2e;}
div.xab8d6b757a.wd6yzberi8 .whtlyriyv h3{
    font-size: 1.5rem;
    margin-bottom: 1rem;
    }
div.xab8d6b757a.wd6yzberi8 .whtlyriyv p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    }
div.xab8d6b757a.wd6yzberi8 .j65c4__adfc8{
    color: var(--oc-brand-primary);
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    }
div.xab8d6b757a.wd6yzberi8 .j65c4__adfc8:hover{
    text-decoration: underline;
    }
div.xab8d6b757a.wd6yzberi8 .qc570856c{
    color: var(--oc-brand-secondary);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-weight: 500;
    }
div.xab8d6b757a.wd6yzberi8 .qc570856c:hover{
    color: var(--oc-brand-primary);
    }
@media (max-width: 1024px) {div.xab8d6b757a.wd6yzberi8 .l23dd_901{
    grid-template-columns: repeat(2, 1fr);
    }}
@media (max-width: 768px) {div.xab8d6b757a.wd6yzberi8 .fjd553zaq, div.xab8d6b757a.wd6yzberi8 .fjd553zaq.nd19n2ecn{
    flex-direction: column;
    gap: 2rem;
    }
div.xab8d6b757a.wd6yzberi8 .vxclujugw23{
    grid-template-columns: 1fr;
    }
div.xab8d6b757a.wd6yzberi8 .l23dd_901{
    grid-template-columns: 1fr;
    }
div.xab8d6b757a.wd6yzberi8 .fi8ostcla ul{
    grid-template-columns: 1fr;
    }}
div.xab8d6b757a.wd6yzberi8 .n6480e8cc{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2rem 0;
    background-color: var(--oc-text-main);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 0.875rem;
    }
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.xab8d6b757a img.ea8dd28b32a {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.xab8d6b757a img.ea8dd28b32a.u90db4_fd3b { aspect-ratio: 16 / 9; }
div.xab8d6b757a img.ea8dd28b32a.vcf6__9df6 { aspect-ratio: 16 / 10; }
div.xab8d6b757a img.ea8dd28b32a.d45d541cb { aspect-ratio: 4 / 3; }
div.xab8d6b757a img.ea8dd28b32a.d8e72151305 { aspect-ratio: 1 / 1; }
div.xab8d6b757a :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.xab8d6b757a .rf0dda_961c {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.xab8d6b757a .rf0dda_961c.u90db4_fd3b { aspect-ratio: 16 / 9; }
div.xab8d6b757a .rf0dda_961c.vcf6__9df6 { aspect-ratio: 16 / 10; }
div.xab8d6b757a .rf0dda_961c.d45d541cb { aspect-ratio: 4 / 3; }
div.xab8d6b757a .rf0dda_961c.d8e72151305 { aspect-ratio: 1 / 1; }
div.xab8d6b757a .rf0dda_961c > img.ea8dd28b32a,
    div.xab8d6b757a .rf0dda_961c > picture > img.ea8dd28b32a {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a:not([class]){color:#ffffff !important;text-decoration:underline;}
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a[class=""]{color:#ffffff !important;text-decoration:underline;}
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a:not([class]):hover{opacity:0.92;}
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a[class=""]:hover{opacity:0.92;}
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a:not([class]):visited{color:#ffffff !important;}
div.xab8d6b757a.wd6yzberi8 .pxm8zevsz a[class=""]:visited{color:#ffffff !important;}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
.g6cb9__7ab1{
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(8px); color: #1a1a2e;}
.z9d66e_2c8c{
    max-width: var(--max-width);
    margin: 0 auto;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    }
.i71a52f_e51{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    font-size: 20px;
    transition: var(--transition);
    }
.i71a52f_e51:hover{
    opacity: 0.8;
    }
.x07906_80d{
    font-size: 28px;
    line-height: 1;
    }
.s88dce72{
    letter-spacing: -0.02em;
    }
.v99367c982{
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    }
.v99367c982 span{
    width: 24px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #ffffff;}
.bad71b336{
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    }
.bad71b336 li a{
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: var(--text-color);
    font-size: 15px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.bad71b336 li a:hover{
    background: rgba(0, 0, 0, 0.04);
    color: var(--primary-color);
    }
@media (max-width: 768px){.v99367c982{
    display: flex;
    }
.bad71b336{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    gap: 0;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    display: none; color: #1a1a2e;}
.bad71b336.active{
    display: flex;
    }
.bad71b336 li{
    width: 100%;
    }
.bad71b336 li a{
    padding: 12px 16px;
    }}
.d214__ee5e{
    background: var(--bg-color, hsl(115, 7%, 96%));
    border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
    padding: 64px 0 32px;
    margin-top: 120px; color: #1a1a2e;}
.q7ba6__05a{
    max-width: var(--max-width, min(1200px, 92vw));
    margin: 0 auto;
    padding: 0 24px;
    }
.n58aw9wrmy3{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 48px;
    flex-wrap: wrap;
    gap: 32px;
    }
.y09d4bb6cf{
    flex: 1;
    min-width: 240px;
    }
.hfe92a22dc7{
    font-size: 20px;
    font-weight: 600;
    color: var(--text-color, hsl(115, 10%, 10%));
    display: block;
    margin-bottom: 8px;
    }
.sa1f4__e1a3{
    font-size: 14px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    margin: 0;
    }
.z7c69c6011b{
    display: flex;
    gap: 32px;
    align-items: center;
    }
.tole62mhw{
    font-size: 14px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    text-decoration: none;
    transition: var(--transition, all 0.3s ease);
    }
.tole62mhw:hover{
    color: var(--primary-color, hsl(115, 77%, 55%));
    }
.s0jowwtcrzp3{
    padding-top: 32px;
    border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
    text-align: center;
    }
.ch9ia09oqxq{
    font-size: 13px;
    color: var(--text-muted, hsl(115, 10%, 45%));
    margin: 0;
    }
@media (max-width: 768px){.d214__ee5e{
    padding: 48px 0 24px;
    margin-top: 80px;
    }
.n58aw9wrmy3{
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 32px;
    }
.y09d4bb6cf{
    min-width: auto;
    }
.z7c69c6011b{
    flex-direction: column;
    gap: 16px;
    }}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text-color);
  background: var(--bg-color);
}
.g6cb9__7ab1{
  background: var(--nav-bg);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(8px); color: #1a1a2e;}
.z9d66e_2c8c{
  max-width: var(--max-width);
  margin: 0 auto;
  height: var(--nav-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.i71a52f_e51{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text-color);
  font-weight: 600;
  font-size: 20px;
  transition: var(--transition);
}
.i71a52f_e51:hover{
  opacity: 0.8;
}
.x07906_80d{
  font-size: 28px;
  line-height: 1;
}
.s88dce72{
  letter-spacing: -0.02em;
}
.v99367c982{
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}
.v99367c982 span{
  width: 24px;
  height: 2px;
  background: var(--text-color);
  border-radius: 2px;
  transition: var(--transition); color: #ffffff;}
.bad71b336{
  display: flex;
  list-style: none;
  gap: 8px;
  align-items: center;
}
.bad71b336 li a{
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--text-color);
  font-size: 15px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.bad71b336 li a:hover{
  background: rgba(0, 0, 0, 0.04);
  color: var(--primary-color);
}
@media (max-width: 768px){.v99367c982{
    display: flex;
  }
.bad71b336{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    gap: 0;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    display: none; color: #1a1a2e;}
.bad71b336.active{
    display: flex;
  }
.bad71b336 li{
    width: 100%;
  }
.bad71b336 li a{
    padding: 12px 16px;
  }}
.cb05__3fa0{
  background: var(--bg-color, hsl(115, 7%, 96%));
  border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
  padding: 64px 0 32px;
  margin-top: 120px; color: #1a1a2e;}
.vfe809cf5b2{
  max-width: var(--max-width, min(1200px, 92vw));
  margin: 0 auto;
  padding: 0 24px;
}
.f2df0d5cd{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 48px;
  flex-wrap: wrap;
  gap: 32px;
}
.tc89__e0aa{
  flex: 1;
  min-width: 240px;
}
.c06a4bbef0a{
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color, hsl(115, 10%, 10%));
  display: block;
  margin-bottom: 8px;
}
.qced6f18d{
  font-size: 14px;
  color: var(--text-muted, hsl(115, 10%, 45%));
  margin: 0;
}
.nf4eb8f5a{
  display: flex;
  gap: 32px;
  align-items: center;
}
.dd73fb950{
  font-size: 14px;
  color: var(--text-muted, hsl(115, 10%, 45%));
  text-decoration: none;
  transition: var(--transition, all 0.3s ease);
}
.dd73fb950:hover{
  color: var(--primary-color, hsl(115, 77%, 55%));
}
.a71dae6b7f3{
  padding-top: 32px;
  border-top: 1px solid var(--border-color, hsl(115, 10%, 85%));
  text-align: center;
}
.s1a9__50a1{
  font-size: 13px;
  color: var(--text-muted, hsl(115, 10%, 45%));
  margin: 0;
}
@media (max-width: 768px){.cb05__3fa0{
    padding: 48px 0 24px;
    margin-top: 80px;
  }
.f2df0d5cd{
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 32px;
  }
.tc89__e0aa{
    min-width: auto;
  }
.nf4eb8f5a{
    flex-direction: column;
    gap: 16px;
  }}
.gec0e277c{box-sizing:border-box;}
.g590e7_686b{box-sizing:border-box;}
.z1f3__7135{box-sizing:border-box;}
@media (max-width: 768px) {div.xab8d6b757a.wd6yzberi8 .fjd553zaq.nd19n2ecn { flex-direction: column !important; }}