:root {

  --primary-color: hsl(104, 73%, 40%);
  --secondary-color: hsl(175, 59%, 40%);
  --bg-color: hsl(104, 7%, 96%);
  --text-color: hsl(104, 10%, 9%);
  --text-muted: hsl(104, 5%, 45%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 15px 50px rgba(0, 0, 0, 0.12);
  --nav-height: 80px;
  --max-width: 1200px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: rgba(244, 246, 243, 0.95);
  --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.webe1695a5c.gb166__e7c9 在内容编排上，我首先构建了页面的 Hero 区块，将图片置于标题之前，并提供下载和系统条件确认的 CTA。 接下来，我设计了三个卡片区块，分别介绍了 Apple 芯片、Intel 芯片和系统版本的要求。 专属信息区块则详细阐述了在 macOS 环境下 Chrome 的安装步骤和权限设置，包括"拖入 Applications"、"安全与隐私放行"以及"设置默认浏览器"等。 接着，我通过 FAQ 区块解答了用户可能遇到的常见问题，如"文件损坏"、"卸载旧版本"、"跨设备同步"等。
    最后，页面末尾的 CTA 不是简单的下载按钮，而是引导用户继续核对信息，并提供了指向"系统要求"和"核心功能"页面的链接。我认真编写了 CSS 代码，实现所有元素居中对齐，并确保在不同屏幕尺寸下内容的响应式布局。我遵循了"内容流向：image_first"、"卡片列数倾向：3"等设计规范，以确保页面视觉一致性和用户体验。我为所有CSS变量增加了fallback机制。整个页面包含 3 个指向其他页面的内部链接，锚文本也严格按照要求设置。我的视觉签名是 e85b2197 。最终，我生成了符合所有要求的 HTML 代码。
    .na7c5fc41{
    --mac-primary: hsl(104, 73%, 52%);
    --mac-primary-hover: hsl(104, 73%, 45%);
    --mac-secondary: hsl(175, 59%, 52%);
    --mac-text: hsl(104, 10%, 9%);
    --mac-text-light: hsl(104, 10%, 35%);
    --mac-bg: hsl(104, 7%, 96%);
    --mac-bg-card: #ffffff;
    --mac-radius-lg: 24px;
    --mac-radius-md: 16px;
    --mac-shadow: 0 10px 30px rgba(0,0,0,0.05);
    background-color: var(--mac-bg, #f4f5f4);
    color: var(--mac-text, #161916);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    padding-bottom: 60px;
    }
div.webe1695a5c.gb166__e7c9 .b1a9__ac9b{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    }
div.webe1695a5c.gb166__e7c9 .pea1111e28a{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    }
div.webe1695a5c.gb166__e7c9 .r4c6492b98b{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 0 60px;
    }
div.webe1695a5c.gb166__e7c9 .b4dc1_3f{
    width: 100%;
    max-width: 1000px;
    border-radius: var(--mac-radius-lg, 24px);
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: var(--mac-shadow, 0 10px 30px rgba(0,0,0,0.05));
    background-color: var(--mac-bg-card, #fff); color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .b4dc1_3f img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
    display: block;
    }
div.webe1695a5c.gb166__e7c9 .r4c6492b98b h1{
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    margin: 0 0 24px 0;
    color: var(--mac-text, #161916);
    line-height: 1.2;
    max-width: 1000px;
    }
div.webe1695a5c.gb166__e7c9 .r4c6492b98b p{
    font-size: 1.25rem;
    color: var(--mac-text-light, #505950);
    max-width: 1000px;
    margin: 0 0 40px 0;
    }
div.webe1695a5c.gb166__e7c9 .h062d__4f7{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1000px;
    }
div.webe1695a5c.gb166__e7c9 .idac__dc54{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    }
div.webe1695a5c.gb166__e7c9 .nusx1kus{
    background-color: var(--mac-primary, #44d62b);
    color: #000000;
    box-shadow: 0 4px 12px rgba(68, 214, 43, 0.3);
    }
div.webe1695a5c.gb166__e7c9 .nusx1kus:hover{
    background-color: var(--mac-primary-hover, #36b322);
    transform: translateY(-2px); color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .b01bfca_ypsj{
    background-color: var(--mac-text, #161916);
    color: #ffffff;
    }
div.webe1695a5c.gb166__e7c9 .b01bfca_ypsj:hover{
    background-color: #000000;
    transform: translateY(-2px); color: #ffffff;}
div.webe1695a5c.gb166__e7c9 .ubc50a5f_odg{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 48px;
    }
div.webe1695a5c.gb166__e7c9 .ubc50a5f_odg h2{
    font-size: 2.5rem;
    margin: 0 0 16px 0;
    color: var(--mac-text, #161916);
    }
div.webe1695a5c.gb166__e7c9 .ubc50a5f_odg p{
    font-size: 1.125rem;
    color: var(--mac-text-light, #505950);
    max-width: 1000px;
    margin: 0;
    }
div.webe1695a5c.gb166__e7c9 .ya0bdcb9adf{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding: 40px 0;
    }
div.webe1695a5c.gb166__e7c9 .e7zrju2krtg{
    background-color: var(--mac-bg-card, #ffffff);
    border-radius: var(--mac-radius-md, 16px);
    padding: 40px 32px;
    box-shadow: var(--mac-shadow, 0 10px 30px rgba(0,0,0,0.05));
    text-align: left;
    display: flex;
    flex-direction: column; color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .e7zrju2krtg h3{
    font-size: 1.5rem;
    margin: 0 0 16px 0;
    color: var(--mac-text, #161916);
    }
div.webe1695a5c.gb166__e7c9 .e7zrju2krtg p{
    color: var(--mac-text-light, #505950);
    margin: 0 0 24px 0;
    flex-grow: 1;
    }
div.webe1695a5c.gb166__e7c9 .od430_71{
    width: 48px;
    height: 48px;
    background-color: var(--mac-bg, #f4f5f4);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: var(--mac-text, #161916);
    }
div.webe1695a5c.gb166__e7c9 .od430_71 svg{
    width: 24px;
    height: 24px;
    }
div.webe1695a5c.gb166__e7c9 .aef915_jc{
    color: var(--mac-text, #161916);
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    }
div.webe1695a5c.gb166__e7c9 .aef915_jc::after{
    content: "→";
    transition: transform 0.2s ease;
    }
div.webe1695a5c.gb166__e7c9 .aef915_jc:hover{
    text-decoration: underline;
    text-decoration-color: var(--mac-primary, #44d62b);
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    }
div.webe1695a5c.gb166__e7c9 .aef915_jc:hover::after{
    transform: translateX(4px);
    }
div.webe1695a5c.gb166__e7c9 .ob5573e3fd{
    padding: 80px 0;
    background-color: var(--mac-bg-card, #ffffff);
    border-radius: var(--mac-radius-lg, 24px);
    margin: 40px 24px; color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .l93dd76_6nn{
    display: flex;
    flex-direction: column;
    gap: 24px;
    }
div.webe1695a5c.gb166__e7c9 .hc828_3955{
    display: flex;
    gap: 24px;
    background-color: var(--mac-bg, #f4f5f4);
    padding: 32px;
    border-radius: var(--mac-radius-md, 16px);
    align-items: flex-start; color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .idc5622_7038{
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--mac-text, #161916);
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
div.webe1695a5c.gb166__e7c9 .k298d_0514 h3{
    margin: 0 0 8px 0;
    font-size: 1.375rem;
    color: var(--mac-text, #161916);
    }
div.webe1695a5c.gb166__e7c9 .k298d_0514 p{
    margin: 0;
    color: var(--mac-text-light, #505950);
    }
div.webe1695a5c.gb166__e7c9 .h90e81_fc9{
    padding: 80px 0;
    }
div.webe1695a5c.gb166__e7c9 .cf0sw06xhq{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
div.webe1695a5c.gb166__e7c9 .j685506_6nw{
    background-color: var(--mac-bg-card, #ffffff);
    border-radius: var(--mac-radius-md, 16px);
    padding: 32px;
    box-shadow: var(--mac-shadow, 0 10px 30px rgba(0,0,0,0.05)); color: #1a1a2e;}
div.webe1695a5c.gb166__e7c9 .j685506_6nw h3{
    font-size: 1.25rem;
    margin: 0 0 12px 0;
    color: var(--mac-text, #161916);
    }
div.webe1695a5c.gb166__e7c9 .j685506_6nw p{
    margin: 0;
    color: var(--mac-text-light, #505950);
    }
div.webe1695a5c.gb166__e7c9 .vf5b53346{
    padding: 80px 40px;
    text-align: center;
    background-color: var(--mac-text, #161916);
    color: #ffffff;
    border-radius: var(--mac-radius-lg, 24px);
    margin: 40px 0;
    }
div.webe1695a5c.gb166__e7c9 .vf5b53346 h2{
    font-size: 2.5rem;
    margin: 0 0 24px 0;
    color: #ffffff;
    }
div.webe1695a5c.gb166__e7c9 .vf5b53346 p{
    font-size: 1.25rem;
    color: #a0a0a0;
    max-width: 1000px;
    margin: 0 auto 40px auto;
    }
div.webe1695a5c.gb166__e7c9 .fdc2__e11d{
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.05);
    color: var(--mac-text-light, #505950);
    }
@media (max-width: 900px) {div.webe1695a5c.gb166__e7c9 .ya0bdcb9adf{
    grid-template-columns: 1fr;
    }
div.webe1695a5c.gb166__e7c9 .hc828_3955{
    flex-direction: column;
    gap: 16px;
    }
div.webe1695a5c.gb166__e7c9 .r4c6492b98b h1{
    font-size: 2.5rem;
    }
div.webe1695a5c.gb166__e7c9 .vf5b53346{
    padding: 60px 24px;
    }}
.aa3d5d3{
    background-color: var(--bg-color, hsl(104, 7%, 96%));
    padding: 80px 24px 40px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.08)); color: #1a1a2e;}
.n5bfc3_aa8{
    max-width: var(--max-width, 1200px);
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
.ve00d69_23{
    max-width: 760px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
    }
.nbc4b677{
    font-family: serif;
    font-size: 32px;
    color: var(--text-color, hsl(104, 10%, 9%));
    margin-bottom: 16px;
    line-height: 1.2;
    font-weight: 700;
    }
.c65219_8pt{
    font-size: 18px;
    color: var(--text-muted, hsl(104, 5%, 45%));
    margin-bottom: 32px;
    line-height: 1.6;
    }
.p516__1a2{
    display: flex;
    justify-content: center;
    width: 100%;
    }
.r385da7a_ujuc{
    background-color: var(--primary-color, hsl(104, 73%, 40%));
    color: #1a1a2e;
    padding: 16px 40px;
    border-radius: var(--radius-lg, 32px);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: var(--transition, all 0.3s cubic-bezier(0.4, 0, 0.2, 1));
    box-shadow: var(--shadow-md, 0 8px 30px rgba(0, 0, 0, 0.08));
    display: inline-block;
    }
.r385da7a_ujuc:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg, 0 15px 50px rgba(0, 0, 0, 0.12));
    filter: brightness(1.1);
    }
.m684__1964e{
    width: 100%;
    height: 1px;
    background-color: var(--border-color, rgba(0, 0, 0, 0.08));
    margin-bottom: 48px; color: #ffffff;}
.b026b7_59{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    margin-bottom: 64px;
    width: 100%;
    }
.y18fff8_d89{
    color: var(--text-color, hsl(104, 10%, 9%));
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: var(--transition, all 0.3s ease);
    opacity: 0.8;
    flex: 0 1 auto;
    }
.y18fff8_d89:hover{
    color: var(--secondary-color, hsl(175, 59%, 40%));
    opacity: 1;
    }
.pa172ca5586{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    }
.t808641{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    }
.y8713e87_7v{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: var(--text-color, hsl(104, 10%, 9%));
    }
.meff3f65_d1fg{
    font-size: 14px;
    color: var(--text-muted, hsl(104, 5%, 45%));
    margin: 0;
    width: 100%;
    }
@media (max-width: 768px){.aa3d5d3{
    padding: 60px 20px 30px 20px;
    }
.nbc4b677{
    font-size: 26px;
    }
.b026b7_59{
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
    }
.r385da7a_ujuc{
    width: 100%;
    text-align: center;
    }}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
body{
    font-family: "Georgia", "Times New Roman", serif; 
    background-color: var(--bg-color);
    color: var(--text-color);
    line-height: 1.6;
    }
.t21f830cf84{
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    justify-content: center; color: #1a1a2e;}
.n3sfemsa4jh{
    width: 100%;
    max-width: var(--max-width);
    height: 100%;
    padding: 0 24px;
    }
.g08187_xvhf{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 20px;
    }
.u91b3fe2bec{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    }
.v9e8eba_8aaf{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: 50%; color: #1a1a2e;}
.dxh4kw3bll{
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    }
.dd41__f2d7{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.95rem;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    font-weight: 500;
    }
.dd41__f2d7:hover{
    color: var(--primary-color);
    background-color: rgba(0, 0, 0, 0.03);
    }
.e4b01b1f25e{
    display: flex;
    align-items: center;
    }
.i24915d_fg{
    display: inline-block;
    background-color: var(--primary-color);
    color: #1a1a2e;
    text-decoration: none;
    padding: 10px 24px;
    border-radius: var(--radius-lg); 
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
.i24915d_fg:hover{
    background-color: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px); color: #1a1a2e;}
.m0b470e_4a6{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    }
.n00d76e7a76{
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    position: relative; color: #ffffff;}
.n00d76e7a76::before, .n00d76e7a76::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    left: 0; color: #ffffff;}
.n00d76e7a76::before{ top: -6px; }
.n00d76e7a76::after{ bottom: -6px; }
@media (max-width: 1024px){.dxh4kw3bll {
    display: none; 
    }
.m0b470e_4a6 {
    display: block;
    order: 3;
    }
.e4b01b1f25e {
    margin-left: auto;
    }}
@media (max-width: 640px){.u91b3fe2bec{
    font-size: 1.2rem;
    }
.i24915d_fg{
    padding: 8px 16px;
    font-size: 0.8rem;
    }}
.dd41__f2d7.active{color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
.e4a384c0e2{list-style:none;}
.dd41__f2d7.active {color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.webe1695a5c img.t13303d3d8b {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.webe1695a5c img.t13303d3d8b.dc59__2c9d { aspect-ratio: 16 / 9; }
div.webe1695a5c img.t13303d3d8b.v20bd6e55de { aspect-ratio: 16 / 10; }
div.webe1695a5c img.t13303d3d8b.s56c__b99c { aspect-ratio: 4 / 3; }
div.webe1695a5c img.t13303d3d8b.sc33__e2bc { aspect-ratio: 1 / 1; }
div.webe1695a5c :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.webe1695a5c .e3f5__35f6 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.webe1695a5c .e3f5__35f6.dc59__2c9d { aspect-ratio: 16 / 9; }
div.webe1695a5c .e3f5__35f6.v20bd6e55de { aspect-ratio: 16 / 10; }
div.webe1695a5c .e3f5__35f6.s56c__b99c { aspect-ratio: 4 / 3; }
div.webe1695a5c .e3f5__35f6.sc33__e2bc { aspect-ratio: 1 / 1; }
div.webe1695a5c .e3f5__35f6 > img.t13303d3d8b,
    div.webe1695a5c .e3f5__35f6 > picture > img.t13303d3d8b {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
.o234__3e67 {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.o234__3e67 > :first-child,
    .o234__3e67 > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
body{
    font-family: "Georgia", "Times New Roman", serif; 
    background-color: var(--bg-color);
    color: var(--text-color);
    line-height: 1.6;
    }
.t21f830cf84{
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    justify-content: center; color: #1a1a2e;}
.n3sfemsa4jh{
    width: 100%;
    max-width: var(--max-width);
    height: 100%;
    padding: 0 24px;
    }
.g08187_xvhf{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 20px;
    }
.u91b3fe2bec{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    }
.v9e8eba_8aaf{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: 50%; color: #1a1a2e;}
.dxh4kw3bll{
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
    }
.dd41__f2d7{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.95rem;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    font-weight: 500;
    }
.dd41__f2d7:hover{
    color: var(--primary-color);
    background-color: rgba(0, 0, 0, 0.03);
    }
.e4b01b1f25e{
    display: flex;
    align-items: center;
    }
.i24915d_fg{
    display: inline-block;
    background-color: var(--primary-color);
    color: #1a1a2e;
    text-decoration: none;
    padding: 10px 24px;
    border-radius: var(--radius-lg); 
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
.i24915d_fg:hover{
    background-color: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px); color: #1a1a2e;}
.m0b470e_4a6{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    }
.n00d76e7a76{
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    position: relative; color: #ffffff;}
.n00d76e7a76::before, .n00d76e7a76::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    left: 0; color: #ffffff;}
.n00d76e7a76::before{ top: -6px; }
.n00d76e7a76::after{ bottom: -6px; }
@media (max-width: 1024px){.dxh4kw3bll {
    display: none; 
    }
.m0b470e_4a6 {
    display: block;
    order: 3;
    }
.e4b01b1f25e {
    margin-left: auto;
    }}
@media (max-width: 640px){.u91b3fe2bec{
    font-size: 1.2rem;
    }
.i24915d_fg{
    padding: 8px 16px;
    font-size: 0.8rem;
    }}
.dd41__f2d7.active{color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
.e4a384c0e2{list-style:none;}
.dd41__f2d7.active{color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
.aa3d5d3{
    background-color: var(--bg-color, hsl(104, 7%, 96%));
    padding: 80px 24px 40px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.08)); color: #1a1a2e;}
.n5bfc3_aa8{
    max-width: var(--max-width, 1200px);
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
.ve00d69_23{
    max-width: 760px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
    }
.nbc4b677{
    font-family: serif;
    font-size: 32px;
    color: var(--text-color, hsl(104, 10%, 9%));
    margin-bottom: 16px;
    line-height: 1.2;
    font-weight: 700;
    }
.c65219_8pt{
    font-size: 18px;
    color: var(--text-muted, hsl(104, 5%, 45%));
    margin-bottom: 32px;
    line-height: 1.6;
    }
.p516__1a2{
    display: flex;
    justify-content: center;
    width: 100%;
    }
.r385da7a_ujuc{
    background-color: var(--primary-color, hsl(104, 73%, 40%));
    color: #1a1a2e;
    padding: 16px 40px;
    border-radius: var(--radius-lg, 32px);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: var(--transition, all 0.3s cubic-bezier(0.4, 0, 0.2, 1));
    box-shadow: var(--shadow-md, 0 8px 30px rgba(0, 0, 0, 0.08));
    display: inline-block;
    }
.r385da7a_ujuc:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg, 0 15px 50px rgba(0, 0, 0, 0.12));
    filter: brightness(1.1);
    }
.m684__1964e{
    width: 100%;
    height: 1px;
    background-color: var(--border-color, rgba(0, 0, 0, 0.08));
    margin-bottom: 48px; color: #ffffff;}
.b026b7_59{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    margin-bottom: 64px;
    width: 100%;
    }
.y18fff8_d89{
    color: var(--text-color, hsl(104, 10%, 9%));
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: var(--transition, all 0.3s ease);
    opacity: 0.8;
    flex: 0 1 auto;
    }
.y18fff8_d89:hover{
    color: var(--secondary-color, hsl(175, 59%, 40%));
    opacity: 1;
    }
.pa172ca5586{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    }
.t808641{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    }
.y8713e87_7v{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: var(--text-color, hsl(104, 10%, 9%));
    }
.meff3f65_d1fg{
    font-size: 14px;
    color: var(--text-muted, hsl(104, 5%, 45%));
    margin: 0;
    width: 100%;
    }
@media (max-width: 768px){.aa3d5d3{
    padding: 60px 20px 30px 20px;
    }
.nbc4b677{
    font-size: 26px;
    }
.b026b7_59{
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
    }
.r385da7a_ujuc{
    width: 100%;
    text-align: center;
    }}
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body{
  font-family: "Georgia", "Times New Roman", serif; 
  background-color: var(--bg-color);
  color: var(--text-color);
  line-height: 1.6;
}
.t21f830cf84{
  width: 100%;
  height: var(--nav-height);
  background-color: var(--nav-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  justify-content: center; color: #1a1a2e;}
.n3sfemsa4jh{
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  padding: 0 24px;
}
.g08187_xvhf{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 20px;
}
.u91b3fe2bec{
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.v9e8eba_8aaf{
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  border-radius: 50%; color: #1a1a2e;}
.dxh4kw3bll{
  display: flex;
  list-style: none;
  gap: 8px;
  align-items: center;
}
.dd41__f2d7{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 0.95rem;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  font-weight: 500;
}
.dd41__f2d7:hover{
  color: var(--primary-color);
  background-color: rgba(0, 0, 0, 0.03);
}
.e4b01b1f25e{
  display: flex;
  align-items: center;
}
.i24915d_fg{
  display: inline-block;
  background-color: var(--primary-color);
  color: #1a1a2e;
  text-decoration: none;
  padding: 10px 24px;
  border-radius: var(--radius-lg); 
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  white-space: nowrap;
}
.i24915d_fg:hover{
  background-color: var(--secondary-color);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px); color: #1a1a2e;}
.m0b470e_4a6{
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}
.n00d76e7a76{
  display: block;
  width: 24px;
  height: 2px;
  background-color: var(--text-color);
  position: relative; color: #ffffff;}
.n00d76e7a76::before, .n00d76e7a76::after{
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: var(--text-color);
  left: 0; color: #ffffff;}
.n00d76e7a76::before{ top: -6px; }
.n00d76e7a76::after{ bottom: -6px; }
@media (max-width: 1024px){.dxh4kw3bll {
    display: none; 
  }
.m0b470e_4a6 {
    display: block;
    order: 3;
  }
.e4b01b1f25e {
    margin-left: auto;
  }}
@media (max-width: 640px){.u91b3fe2bec{
    font-size: 1.2rem;
  }
.i24915d_fg{
    padding: 8px 16px;
    font-size: 0.8rem;
  }}
.dd41__f2d7.active{color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
.e4a384c0e2{list-style:none;}
.dd41__f2d7.active{color: var(--primary-color); background-color: rgba(0, 0, 0, 0.03);}
.g3f528_202d{
  background-color: var(--bg-color, hsl(104, 7%, 96%));
  padding: 80px 24px 40px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.08)); color: #1a1a2e;}
.s6c979_ed4f{
  max-width: var(--max-width, 1200px);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.weac__f6b9{
  max-width: 760px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
}
.sd6b894bc2b{
  font-family: serif;
  font-size: 32px;
  color: var(--text-color, hsl(104, 10%, 9%));
  margin-bottom: 16px;
  line-height: 1.2;
  font-weight: 700;
}
.e0ca0e4b6{
  font-size: 18px;
  color: var(--text-muted, hsl(104, 5%, 45%));
  margin-bottom: 32px;
  line-height: 1.6;
}
.t46b0fd6550{
  display: flex;
  justify-content: center;
  width: 100%;
}
.s747__4ade{
  background-color: var(--primary-color, hsl(104, 73%, 40%));
  color: #1a1a2e;
  padding: 16px 40px;
  border-radius: var(--radius-lg, 32px);
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  transition: var(--transition, all 0.3s cubic-bezier(0.4, 0, 0.2, 1));
  box-shadow: var(--shadow-md, 0 8px 30px rgba(0, 0, 0, 0.08));
  display: inline-block;
}
.s747__4ade:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg, 0 15px 50px rgba(0, 0, 0, 0.12));
  filter: brightness(1.1);
}
.kcf082cad{
  width: 100%;
  height: 1px;
  background-color: var(--border-color, rgba(0, 0, 0, 0.08));
  margin-bottom: 48px; color: #ffffff;}
.n2582d1e557{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-bottom: 64px;
  width: 100%;
}
.a813b77c2{
  color: var(--text-color, hsl(104, 10%, 9%));
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: var(--transition, all 0.3s ease);
  opacity: 0.8;
  flex: 0 1 auto;
}
.a813b77c2:hover{
  color: var(--secondary-color, hsl(175, 59%, 40%));
  opacity: 1;
}
.d7f217_9461{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.jeb76b7bf5a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.y5a9cf551{
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: var(--text-color, hsl(104, 10%, 9%));
}
.v8d229c7fb2{
  font-size: 14px;
  color: var(--text-muted, hsl(104, 5%, 45%));
  margin: 0;
  width: 100%;
}
@media (max-width: 768px){.g3f528_202d{
    padding: 60px 20px 30px 20px;
  }
.sd6b894bc2b{
    font-size: 26px;
  }
.n2582d1e557{
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }
.s747__4ade{
    width: 100%;
    text-align: center;
  }}
.re15__453e{box-sizing:border-box;}
.v537__b0e3{box-sizing:border-box;}
.n62273950c2{box-sizing:border-box;}
.g37e__f082{box-sizing:border-box;}
.ca68b5f5a{box-sizing:border-box;}
.m6a2d708dbd{display:block;max-width:100%;height:auto;}
@media (max-width: 768px) {div.webe1695a5c.gb166__e7c9 .ya0bdcb9adf { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }}