:root {

  --ch-primary: hsl(16, 85%, 55%);
  --ch-primary-dark: hsl(16, 85%, 45%);
  --ch-secondary: hsl(45, 95%, 55%);
  --ch-bg: hsl(35, 30%, 98%);
  --ch-surface: #ffffff;
  --ch-text-main: hsl(0, 0%, 12%);
  --ch-text-muted: hsl(0, 0%, 35%);
  --ch-border: hsl(0, 0%, 10%);
  --primary-color: hsl(167, 83%, 61%);
  --secondary-color: hsl(302, 66%, 61%);
  --bg-color: hsl(167, 8%, 96%);
  --text-color: hsl(167, 10%, 11%);
  --text-muted: hsl(167, 5%, 40%);
  --border-color: hsla(167, 10%, 11%, 0.1);
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --shadow-sm: 2px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-md: 4px 4px 0px rgba(0, 0, 0, 0.08);
  --shadow-lg: 8px 8px 0px rgba(0, 0, 0, 0.12);
  --nav-height: 80px;
  --max-width: min(1280px, 94vw);
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: var(--bg-color);
  --nav-link-hover: var(--primary-color);
  --btn-text: #ffffff;
  --btn-text-dark: var(--text-color);
  --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.r9c314342.ltrr3cyt 我需要基于用户的需求，设计一个暖色调、扁平化、硬朗风格的页面。我将以橙红色作为主色调，并定义一系列 CSS 变量来控制页面的颜色和样式。虽然参考色板是青绿色，但为了符合暖色调的要求，我会自定义暖色调的变量，同时保证对比度。
    更新记录列表将包含多个版本，每个版本会有一个详细的卡片，包括版本号、更新日期、主要更新内容和修复内容，并且可以穿插内链，如"极速wps下载"和"全面wps功能特性"。我需要在页面中至少添加两个内链，并且确保锚文本符合“关键词在中间，前缀风格”的要求。
    我会在 CSS 中定义一系列的样式，包括重置、基础样式、布局样式、CTA 按钮样式、时间线样式和内链样式。我将采用无衬线字体，直角边框，扁平化设计，并运用留白，以创造一个简洁、现代的视觉风格。我将充分利用 CSS 的 flex 和 grid 布局来实现页面的响应式设计，以确保在不同设备上都能有良好的显示效果。
    关于内容，我将确保所有的日期都在2025年之后，并且不超过今天（2026-03-17）。我会使用 2026/**/-03/**/-10, div.r9c314342.ltrr3cyt 2026/**/-01/**/-22, div.r9c314342.ltrr3cyt 2025/**/-11/**/-05 这些日期，并确保版权信息是2026年。我也会提供一些可验证的细节，如文件大小、快捷键、性能提升等，以增加页面的可信度。最后，我将仔细检查页面中的所有链接，并确保它们都指向正确的页面。
    在 CSS 中，我将定义根变量，包括主色、背景色、文字颜色等。我将使用硬朗的风格（直角、扁平化、阴影等），并且保证代码的清晰和可维护性。我也会对内链和按钮进行特殊样式处理，使其更加醒目。我将遵循用户的所有指示，确保生成的代码完全符合要求，并能够在WPS官方网站上完美运行。
    
    div.r9c314342.ltrr3cyt.yea12ab413e{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: var(--text-color, var(--ch-text-main));
    background-color: var(--ch-bg);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
div.r9c314342.ltrr3cyt.yea12ab413e *{
    box-sizing: inherit;
    }
div.r9c314342.ltrr3cyt .o44fcb__1e090{
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    align-items: flex-start;
    }
div.r9c314342.ltrr3cyt .lea119_133{
    width: 280px;
    position: sticky;
    top: 80px;
    padding: 60px 30px;
    border-right: 3px solid var(--ch-border);
    height: calc(100vh - 80px);
    overflow-y: auto;
    background-color: var(--ch-surface); color: #1a1a2e;}
div.r9c314342.ltrr3cyt .q727e89b1{
    font-size: 1.125rem;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--ch-text-main);
    }
div.r9c314342.ltrr3cyt .dbb5ba_2937{
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0;
    }
div.r9c314342.ltrr3cyt .dbb5ba_2937 li{
    margin-bottom: 12px;
    }
div.r9c314342.ltrr3cyt .dbb5ba_2937 a{
    color: var(--ch-text-muted);
    text-decoration: none;
    font-weight: 600;
    display: block;
    padding: 10px 16px;
    border: 2px solid transparent;
    transition: all 0.2s ease;
    border-radius: 0; 
    }
div.r9c314342.ltrr3cyt .dbb5ba_2937 a:hover{
    color: var(--ch-text-main);
    border-color: var(--ch-border);
    background: var(--ch-secondary);
    transform: translateX(4px);
    box-shadow: 3px 3px 0px var(--ch-border);
    }
div.r9c314342.ltrr3cyt .wjh5zj4qua{
    background: var(--ch-secondary);
    padding: 24px 20px;
    border: 3px solid var(--ch-border);
    box-shadow: 6px 6px 0px var(--ch-border); color: #1a1a2e;}
div.r9c314342.ltrr3cyt .wjh5zj4qua p{
    font-weight: 800;
    margin: 0 0 16px 0;
    font-size: 1.1rem;
    color: var(--ch-text-main);
    line-height: 1.4;
    }
div.r9c314342.ltrr3cyt .q8fdf4d_iez{
    display: inline-block;
    background: var(--ch-surface);
    color: var(--ch-text-main);
    text-decoration: none;
    font-weight: 800;
    padding: 10px 16px;
    border: 2px solid var(--ch-border);
    box-shadow: 3px 3px 0px var(--ch-border);
    transition: all 0.2s;
    font-size: 0.95rem;
    width: 100%;
    text-align: center;
    }
div.r9c314342.ltrr3cyt .q8fdf4d_iez:hover{
    transform: translate(-2px, -2px);
    box-shadow: 5px 5px 0px var(--ch-border);
    }
div.r9c314342.ltrr3cyt .dq8vntrugu{
    flex: 1;
    padding: 60px 80px;
    min-width: 0; 
    }
div.r9c314342.ltrr3cyt .l1c4__4e7{
    display: flex;
    gap: 60px;
    margin-bottom: 80px;
    align-items: center;
    }
div.r9c314342.ltrr3cyt .t9dad7__2b9e{
    flex: 1;
    }
div.r9c314342.ltrr3cyt .t9dad7__2b9e h1{
    font-size: 3.5rem;
    margin: 0 0 24px 0;
    line-height: 1.1;
    font-weight: 900;
    color: var(--ch-text-main);
    letter-spacing: -1.5px;
    }
div.r9c314342.ltrr3cyt .t9dad7__2b9e p{
    font-size: 1.25rem;
    color: var(--ch-text-muted);
    margin-bottom: 40px;
    font-weight: 500;
    }
div.r9c314342.ltrr3cyt .ee13663{
    display: inline-block;
    background-color: var(--ch-primary);
    color: #1a1a2e;
    padding: 18px 40px;
    font-size: 1.2rem;
    font-weight: 800;
    text-decoration: none;
    border: 3px solid var(--ch-border);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 8px 8px 0px var(--ch-border);
    }
div.r9c314342.ltrr3cyt .ee13663:hover{
    background-color: var(--ch-primary-dark);
    transform: translate(-3px, -3px);
    box-shadow: 11px 11px 0px var(--ch-border); color: #1a1a2e;}
div.r9c314342.ltrr3cyt .ca8df2__cf51{flex: 1;
    border: 4px solid var(--ch-border);
    box-shadow: 12px 12px 0px var(--ch-border);
    overflow: hidden;
    background: var(--ch-secondary);
    position: relative; isolation: isolate; color: #1a1a2e;}
div.r9c314342.ltrr3cyt .ca8df2__cf51 img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 4/3;
    }
div.r9c314342.ltrr3cyt .l084bacaa h2{
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 40px;
    color: var(--ch-text-main);
    border-bottom: 4px solid var(--ch-border);
    display: inline-block;
    padding-bottom: 8px;
    }
div.r9c314342.ltrr3cyt .qf5f__a2baf{
    border-left: 4px solid var(--ch-border);
    padding-left: 60px;
    margin-left: 10px;
    }
div.r9c314342.ltrr3cyt .wb4adac3{
    background: var(--ch-surface);
    border: 3px solid var(--ch-border);
    padding: 40px;
    margin-bottom: 60px;
    box-shadow: 8px 8px 0px var(--ch-border);
    position: relative; color: #1a1a2e;}
div.r9c314342.ltrr3cyt .wb4adac3::before{
    content: "";
    position: absolute;
    left: -76px;
    top: 40px;
    width: 24px;
    height: 24px;
    background: var(--ch-primary);
    border: 4px solid var(--ch-border);
    border-radius: 50%; color: #1a1a2e;}
div.r9c314342.ltrr3cyt .v458600d53c{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px dashed var(--ch-border);
    padding-bottom: 20px;
    margin-bottom: 24px;
    }
div.r9c314342.ltrr3cyt .v458600d53c h3{
    margin: 0;
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--ch-text-main);
    }
div.r9c314342.ltrr3cyt .e4159_38{
    background: var(--ch-primary);
    color: #1a1a2e;
    padding: 6px 16px;
    font-weight: 800;
    font-size: 1rem;
    border: 2px solid var(--ch-border);
    box-shadow: 4px 4px 0px var(--ch-border);
    }
div.r9c314342.ltrr3cyt .n6060c_hb h4{
    font-size: 1.25rem;
    margin: 30px 0 16px 0;
    color: var(--ch-text-main);
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
    }
div.r9c314342.ltrr3cyt .n6060c_hb h4::before{
    content: "■";
    color: var(--ch-secondary);
    font-size: 1rem;
    }
div.r9c314342.ltrr3cyt .n6060c_hb ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
    }
div.r9c314342.ltrr3cyt .n6060c_hb li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
    color: var(--ch-text-muted);
    font-size: 1.1rem;
    }
div.r9c314342.ltrr3cyt .n6060c_hb li::before{
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--ch-primary);
    font-weight: 900;
    }
div.r9c314342.ltrr3cyt .n6060c_hb li strong{
    color: var(--ch-text-main);
    font-weight: 700;
    }
div.r9c314342.ltrr3cyt .n6060c_hb code{
    background: var(--ch-bg);
    padding: 4px 8px;
    border: 2px solid var(--ch-border);
    font-weight: bold;
    font-size: 0.9em;
    color: var(--ch-text-main);
    }
div.r9c314342.ltrr3cyt .s42422a25{
    background: var(--ch-bg);
    padding: 16px 24px;
    border-left: 6px solid var(--ch-primary);
    font-weight: 600;
    margin-top: 30px;
    font-size: 1.05rem;
    color: var(--ch-text-main);
    }
div.r9c314342.ltrr3cyt .k128__efe{
    color: var(--ch-primary-dark);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    transition: all 0.2s;
    }
div.r9c314342.ltrr3cyt .k128__efe:hover{
    color: #1a1a2e;
    background: var(--ch-secondary);
    text-decoration-color: var(--ch-border);
    }
div.r9c314342.ltrr3cyt .df7d6e1dbd9{
    background: var(--ch-text-main);
    color: var(--ch-surface);
    text-align: center;
    padding: 100px 40px;
    border-top: 8px solid var(--ch-primary);
    }
div.r9c314342.ltrr3cyt .red7__e912{
    max-width: 800px;
    margin: 0 auto;
    }
div.r9c314342.ltrr3cyt .df7d6e1dbd9 h2{
    font-size: 2.5rem;
    margin: 0 0 24px 0;
    color: var(--ch-surface);
    font-weight: 900;
    }
div.r9c314342.ltrr3cyt .df7d6e1dbd9 p{
    color: #cccccc;
    font-size: 1.2rem;
    margin-bottom: 50px;
    }
div.r9c314342.ltrr3cyt .x647721df20{
    background: var(--ch-secondary);
    color: var(--ch-text-main);
    border-color: var(--ch-surface);
    box-shadow: 8px 8px 0px var(--ch-primary);
    }
div.r9c314342.ltrr3cyt .x647721df20:hover{
    background: var(--ch-surface);
    box-shadow: 11px 11px 0px var(--ch-primary); color: #1a1a2e;}
div.r9c314342.ltrr3cyt .ch-copyright{
    margin-top: 80px !important;
    font-size: 1rem !important;
    font-weight: 600;
    color: #888888 !important;
    }
@media (max-width: 1024px) {div.r9c314342.ltrr3cyt .o44fcb__1e090{
    flex-direction: column;
    }
div.r9c314342.ltrr3cyt .lea119_133{
    width: 100%;
    height: auto;
    position: static;
    border-right: none;
    border-bottom: 4px solid var(--ch-border);
    padding: 40px;
    background: var(--ch-bg); color: #1a1a2e;}
div.r9c314342.ltrr3cyt .dbb5ba_2937{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 30px;
    }
div.r9c314342.ltrr3cyt .dbb5ba_2937 li{
    margin: 0;
    }
div.r9c314342.ltrr3cyt .dq8vntrugu{
    padding: 40px;
    }
div.r9c314342.ltrr3cyt .l1c4__4e7{
    flex-direction: column;
    gap: 40px;
    }
div.r9c314342.ltrr3cyt .t9dad7__2b9e h1{
    font-size: 2.8rem;
    }}
@media (max-width: 768px) {div.r9c314342.ltrr3cyt .dq8vntrugu{
    padding: 30px 20px;
    }
div.r9c314342.ltrr3cyt .qf5f__a2baf{
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    }
div.r9c314342.ltrr3cyt .wb4adac3{
    padding: 24px;
    }
div.r9c314342.ltrr3cyt .wb4adac3::before{
    display: none;
    }
div.r9c314342.ltrr3cyt .v458600d53c{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    }
.ndb00__09b61{
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center; color: #1a1a2e;}
.x1b177a{
    width: var(--max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    }
.e4q5590yot{
    display: flex;
    align-items: center;
    }
.le390bc{
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text-color);
    letter-spacing: -1px;
    border: 3px solid var(--text-color);
    padding: 2px 10px;
    transition: var(--transition);
    }
.le390bc:hover{
    background-color: var(--text-color);
    color: var(--bg-color);
    }
.rfin4i29ve{
    display: flex;
    align-items: center;
    gap: 40px;
    }
.znj17ataw4{
    display: flex;
    list-style: none;
    gap: 32px;
    }
.k559cbe_ou{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 15px;
    font-weight: 600;
    transition: var(--transition);
    position: relative;
    padding: 8px 0;
    }
.k559cbe_ou:hover, .k559cbe_ou.uddbe11_c9a0{
    color: var(--text-color);
    }
.k559cbe_ou::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--secondary-color);
    transition: var(--transition); color: #1a1a2e;}
.k559cbe_ou:hover::after, .k559cbe_ou.uddbe11_c9a0::after{
    width: 100%;
    }
.k0736a_6f2s{
    background-color: var(--primary-color);
    color: var(--btn-text-dark); 
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    font-size: 15px;
    border: 2px solid var(--text-color);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    display: inline-block;
    }
.k0736a_6f2s:hover{
    background-color: var(--secondary-color);
    color: #1a1a2e;
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-md);
    }
.k0736a_6f2s:active{
    transform: translate(0, 0);
    box-shadow: none;
    }
.lbwcar4uilml{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    }
.gg3nm0bkx{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    position: relative; color: #ffffff;}
.gg3nm0bkx::before, .gg3nm0bkx::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    left: 0; color: #ffffff;}
.gg3nm0bkx::before{ top: -8px; }
.gg3nm0bkx::after{ bottom: -8px; }
@media (max-width: 1024px){.znj17ataw4 {
    gap: 20px;
    }
.rfin4i29ve {
    gap: 20px;
    }}
@media (max-width: 768px){.lbwcar4uilml{
    display: block;
    }
.rfin4i29ve{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    flex-direction: column;
    padding: 40px 20px;
    gap: 30px;
    border-bottom: 2px solid var(--border-color);
    display: none; color: #1a1a2e;}
.x1b177a:hover .rfin4i29ve{
    display: flex;
    }
.znj17ataw4{
    flex-direction: column;
    align-items: center;
    width: 100%;
    }
.e527d2_27{
    width: 100%;
    text-align: center;
    }
.k0736a_6f2s{
    width: 100%;
    text-align: center;
    }}
.uddbe11_c9a0.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.k559cbe_ou.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.g2a1597_pcg{box-sizing:border-box;}
.k559cbe_ou.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.uddbe11_c9a0.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.k3754e452b{
    background-color: var(--bg-color);
    padding-top: 80px;
    padding-bottom: 40px;
    width: 100%;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.ll1jaqlqic{
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    }
.y3a94__424{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    width: 100%;
    }
.u0ai0crhf{
    flex: 2;
    min-width: 280px;
    }
.f9cd3930_e1{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
    }
.s45675ccad{
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 24px;
    max-width: 320px;
    }
.c2b4dae_5g{
    display: flex;
    gap: 12px;
    }
.z8ebf__215d6{
    width: 32px;
    height: 32px;
    background-color: var(--border-color);
    border-radius: var(--radius-sm); color: #ffffff;}
.d6c93__eaf0{
    flex: 2;
    display: flex;
    gap: 40px;
    min-width: 280px;
    }
.e8c2__aa39{
    flex: 1;
    display: flex;
    flex-direction: column;
    }
.y9e7f1c_p0{
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 24px;
    }
.h5aij611{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    margin-bottom: 12px;
    transition: var(--transition);
    }
.h5aij611:hover{
    color: var(--primary-color);
    transform: translateX(4px);
    }
.g7pciciw1{
    flex: 1.5;
    min-width: 260px;
    }
.e37243_muwk{
    background-color: #ffffff;
    padding: 24px;
    border: 2px solid var(--text-color);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    align-items: flex-start; color: #1a1a2e;}
.u4f081_a38{
    font-size: 10px;
    font-weight: 900;
    padding: 2px 8px;
    background-color: var(--secondary-color);
    color: #1a1a2e;
    margin-bottom: 12px;
    }
.hz3xcf9nk3zw{
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
    }
.k276__2214{
    background-color: var(--primary-color);
    color: var(--btn-text-dark);
    text-decoration: none;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 4px 4px 0px var(--text-color);
    transition: var(--transition);
    width: 100%;
    text-align: center;
    border: 1px solid var(--text-color);
    }
.k276__2214:hover{
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px var(--text-color);
    }
.edbc71_2qu{
    height: 1px;
    background-color: var(--border-color);
    margin-bottom: 32px;
    width: 100%; color: #ffffff;}
.wwulhgms24n{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    }
.xb82bd1c6{
    display: flex;
    align-items: center;
    gap: 12px;
    }
.raf0f7_2l{
    font-size: 14px;
    color: var(--text-muted);
    }
.v865211a9{
    color: var(--border-color);
    font-size: 12px;
    }
.bxivb41xul{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
.bxivb41xul:hover{
    color: var(--text-color);
    }
.snc15enqsgr{
    display: flex;
    }
.j92f7455_9l55{
    font-size: 13px;
    color: var(--text-muted);
    }
@media (max-width: 768px){.k3754e452b{
    padding-top: 40px;
    }
.y3a94__424{
    flex-direction: column;
    gap: 32px;
    }
.u0ai0crhf{
    width: 100%;
    }
.d6c93__eaf0{
    width: 100%;
    gap: 20px;
    }
.g7pciciw1{
    width: 100%;
    }
.wwulhgms24n{
    flex-direction: column;
    align-items: flex-start;
    }}
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.r9c314342 img.m8e565_d79b {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.r9c314342 img.m8e565_d79b.u241d4d20 { aspect-ratio: 16 / 9; }
div.r9c314342 img.m8e565_d79b.df050d6c805 { aspect-ratio: 16 / 10; }
div.r9c314342 img.m8e565_d79b.sd9ae07bab8 { aspect-ratio: 4 / 3; }
div.r9c314342 img.m8e565_d79b.a52d885a4 { aspect-ratio: 1 / 1; }
div.r9c314342 :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.r9c314342 .obc80836f {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.r9c314342 .obc80836f.u241d4d20 { aspect-ratio: 16 / 9; }
div.r9c314342 .obc80836f.df050d6c805 { aspect-ratio: 16 / 10; }
div.r9c314342 .obc80836f.sd9ae07bab8 { aspect-ratio: 4 / 3; }
div.r9c314342 .obc80836f.a52d885a4 { aspect-ratio: 1 / 1; }
div.r9c314342 .obc80836f > img.m8e565_d79b,
    div.r9c314342 .obc80836f > picture > img.m8e565_d79b {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
.z0f1e2_d62d {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.z0f1e2_d62d > :first-child,
    .z0f1e2_d62d > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    }
.ndb00__09b61{
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 2px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center; color: #1a1a2e;}
.x1b177a{
    width: var(--max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    }
.e4q5590yot{
    display: flex;
    align-items: center;
    }
.le390bc{
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text-color);
    letter-spacing: -1px;
    border: 3px solid var(--text-color);
    padding: 2px 10px;
    transition: var(--transition);
    }
.le390bc:hover{
    background-color: var(--text-color);
    color: var(--bg-color);
    }
.rfin4i29ve{
    display: flex;
    align-items: center;
    gap: 40px;
    }
.znj17ataw4{
    display: flex;
    list-style: none;
    gap: 32px;
    }
.k559cbe_ou{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 15px;
    font-weight: 600;
    transition: var(--transition);
    position: relative;
    padding: 8px 0;
    }
.k559cbe_ou:hover, .k559cbe_ou.uddbe11_c9a0{
    color: var(--text-color);
    }
.k559cbe_ou::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--secondary-color);
    transition: var(--transition); color: #1a1a2e;}
.k559cbe_ou:hover::after, .k559cbe_ou.uddbe11_c9a0::after{
    width: 100%;
    }
.k0736a_6f2s{
    background-color: var(--primary-color);
    color: var(--btn-text-dark); 
    text-decoration: none;
    padding: 12px 28px;
    font-weight: 700;
    font-size: 15px;
    border: 2px solid var(--text-color);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    display: inline-block;
    }
.k0736a_6f2s:hover{
    background-color: var(--secondary-color);
    color: #1a1a2e;
    transform: translate(-2px, -2px);
    box-shadow: var(--shadow-md);
    }
.k0736a_6f2s:active{
    transform: translate(0, 0);
    box-shadow: none;
    }
.lbwcar4uilml{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    }
.gg3nm0bkx{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    position: relative; color: #ffffff;}
.gg3nm0bkx::before, .gg3nm0bkx::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    left: 0; color: #ffffff;}
.gg3nm0bkx::before{ top: -8px; }
.gg3nm0bkx::after{ bottom: -8px; }
@media (max-width: 1024px){.znj17ataw4 {
    gap: 20px;
    }
.rfin4i29ve {
    gap: 20px;
    }}
@media (max-width: 768px){.lbwcar4uilml{
    display: block;
    }
.rfin4i29ve{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    flex-direction: column;
    padding: 40px 20px;
    gap: 30px;
    border-bottom: 2px solid var(--border-color);
    display: none; color: #1a1a2e;}
.x1b177a:hover .rfin4i29ve{
    display: flex;
    }
.znj17ataw4{
    flex-direction: column;
    align-items: center;
    width: 100%;
    }
.e527d2_27{
    width: 100%;
    text-align: center;
    }
.k0736a_6f2s{
    width: 100%;
    text-align: center;
    }}
.uddbe11_c9a0.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.k559cbe_ou.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.g2a1597_pcg{box-sizing:border-box;}
.k559cbe_ou.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.uddbe11_c9a0.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.k3754e452b{
    background-color: var(--bg-color);
    padding-top: 80px;
    padding-bottom: 40px;
    width: 100%;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.ll1jaqlqic{
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    }
.y3a94__424{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    width: 100%;
    }
.u0ai0crhf{
    flex: 2;
    min-width: 280px;
    }
.f9cd3930_e1{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
    }
.s45675ccad{
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 24px;
    max-width: 320px;
    }
.c2b4dae_5g{
    display: flex;
    gap: 12px;
    }
.z8ebf__215d6{
    width: 32px;
    height: 32px;
    background-color: var(--border-color);
    border-radius: var(--radius-sm); color: #ffffff;}
.d6c93__eaf0{
    flex: 2;
    display: flex;
    gap: 40px;
    min-width: 280px;
    }
.e8c2__aa39{
    flex: 1;
    display: flex;
    flex-direction: column;
    }
.y9e7f1c_p0{
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 24px;
    }
.h5aij611{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    margin-bottom: 12px;
    transition: var(--transition);
    }
.h5aij611:hover{
    color: var(--primary-color);
    transform: translateX(4px);
    }
.g7pciciw1{
    flex: 1.5;
    min-width: 260px;
    }
.e37243_muwk{
    background-color: #ffffff;
    padding: 24px;
    border: 2px solid var(--text-color);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    align-items: flex-start; color: #1a1a2e;}
.u4f081_a38{
    font-size: 10px;
    font-weight: 900;
    padding: 2px 8px;
    background-color: var(--secondary-color);
    color: #1a1a2e;
    margin-bottom: 12px;
    }
.hz3xcf9nk3zw{
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
    }
.k276__2214{
    background-color: var(--primary-color);
    color: var(--btn-text-dark);
    text-decoration: none;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 4px 4px 0px var(--text-color);
    transition: var(--transition);
    width: 100%;
    text-align: center;
    border: 1px solid var(--text-color);
    }
.k276__2214:hover{
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px var(--text-color);
    }
.edbc71_2qu{
    height: 1px;
    background-color: var(--border-color);
    margin-bottom: 32px;
    width: 100%; color: #ffffff;}
.wwulhgms24n{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    }
.xb82bd1c6{
    display: flex;
    align-items: center;
    gap: 12px;
    }
.raf0f7_2l{
    font-size: 14px;
    color: var(--text-muted);
    }
.v865211a9{
    color: var(--border-color);
    font-size: 12px;
    }
.bxivb41xul{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
.bxivb41xul:hover{
    color: var(--text-color);
    }
.snc15enqsgr{
    display: flex;
    }
.j92f7455_9l55{
    font-size: 13px;
    color: var(--text-muted);
    }
@media (max-width: 768px){.k3754e452b{
    padding-top: 40px;
    }
.y3a94__424{
    flex-direction: column;
    gap: 32px;
    }
.u0ai0crhf{
    width: 100%;
    }
.d6c93__eaf0{
    width: 100%;
    gap: 20px;
    }
.g7pciciw1{
    width: 100%;
    }
.wwulhgms24n{
    flex-direction: column;
    align-items: flex-start;
    }}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.ndb00__09b61{
  width: 100%;
  height: var(--nav-height);
  background: var(--nav-bg);
  border-bottom: 2px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center; color: #1a1a2e;}
.x1b177a{
  width: var(--max-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.e4q5590yot{
  display: flex;
  align-items: center;
}
.le390bc{
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-color);
  letter-spacing: -1px;
  border: 3px solid var(--text-color);
  padding: 2px 10px;
  transition: var(--transition);
}
.le390bc:hover{
  background-color: var(--text-color);
  color: var(--bg-color);
}
.rfin4i29ve{
  display: flex;
  align-items: center;
  gap: 40px;
}
.znj17ataw4{
  display: flex;
  list-style: none;
  gap: 32px;
}
.k559cbe_ou{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 15px;
  font-weight: 600;
  transition: var(--transition);
  position: relative;
  padding: 8px 0;
}
.k559cbe_ou:hover, .k559cbe_ou.uddbe11_c9a0{
  color: var(--text-color);
}
.k559cbe_ou::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--secondary-color);
  transition: var(--transition); color: #1a1a2e;}
.k559cbe_ou:hover::after, .k559cbe_ou.uddbe11_c9a0::after{
  width: 100%;
}
.k0736a_6f2s{
  background-color: var(--primary-color);
  color: var(--btn-text-dark); 
  text-decoration: none;
  padding: 12px 28px;
  font-weight: 700;
  font-size: 15px;
  border: 2px solid var(--text-color);
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  display: inline-block;
}
.k0736a_6f2s:hover{
  background-color: var(--secondary-color);
  color: #1a1a2e;
  transform: translate(-2px, -2px);
  box-shadow: var(--shadow-md);
}
.k0736a_6f2s:active{
  transform: translate(0, 0);
  box-shadow: none;
}
.lbwcar4uilml{
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}
.gg3nm0bkx{
  display: block;
  width: 24px;
  height: 2px;
  background: var(--text-color);
  position: relative; color: #ffffff;}
.gg3nm0bkx::before, .gg3nm0bkx::after{
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--text-color);
  left: 0; color: #ffffff;}
.gg3nm0bkx::before{ top: -8px; }
.gg3nm0bkx::after{ bottom: -8px; }
@media (max-width: 1024px){.znj17ataw4 {
    gap: 20px;
  }
.rfin4i29ve {
    gap: 20px;
  }}
@media (max-width: 768px){.lbwcar4uilml{
    display: block;
  }
.rfin4i29ve{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    flex-direction: column;
    padding: 40px 20px;
    gap: 30px;
    border-bottom: 2px solid var(--border-color);
    display: none; color: #1a1a2e;}
.x1b177a:hover .rfin4i29ve{
    display: flex;
  }
.znj17ataw4{
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
.e527d2_27{
    width: 100%;
    text-align: center;
  }
.k0736a_6f2s{
    width: 100%;
    text-align: center;
  }}
.uddbe11_c9a0.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.k559cbe_ou.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.g2a1597_pcg{box-sizing:border-box;}
.k559cbe_ou.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.uddbe11_c9a0.active{color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
.l190511db{
    background-color: var(--bg-color);
    padding-top: 80px;
    padding-bottom: 40px;
    width: 100%;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.a555bd57d{
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ee8025_3f58{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    width: 100%;
}
.edc7fc97ea0{
    flex: 2;
    min-width: 280px;
}
.c2764be3191{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}
.maf9bd50b6d{
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 24px;
    max-width: 320px;
}
.c0cc4e_acd0{
    display: flex;
    gap: 12px;
}
.g6823a_b4ad{
    width: 32px;
    height: 32px;
    background-color: var(--border-color);
    border-radius: var(--radius-sm); color: #ffffff;}
.qcbf4d_9b19{
    flex: 2;
    display: flex;
    gap: 40px;
    min-width: 280px;
}
.sfb141_d1e9{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.z976d1ab1{
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 24px;
}
.ra596c_04eb{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    margin-bottom: 12px;
    transition: var(--transition);
}
.ra596c_04eb:hover{
    color: var(--primary-color);
    transform: translateX(4px);
}
.jfe77342d{
    flex: 1.5;
    min-width: 260px;
}
.ye0fa6_e4d5{
    background-color: #ffffff;
    padding: 24px;
    border: 2px solid var(--text-color);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    align-items: flex-start; color: #1a1a2e;}
.h37c__b500{
    font-size: 10px;
    font-weight: 900;
    padding: 2px 8px;
    background-color: var(--secondary-color);
    color: #1a1a2e;
    margin-bottom: 12px;
}
.j9561e_a538{
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
}
.x84a0c1ef{
    background-color: var(--primary-color);
    color: var(--btn-text-dark);
    text-decoration: none;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 4px 4px 0px var(--text-color);
    transition: var(--transition);
    width: 100%;
    text-align: center;
    border: 1px solid var(--text-color);
}
.x84a0c1ef:hover{
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px var(--text-color);
}
.p1e8c3_94a7{
    height: 1px;
    background-color: var(--border-color);
    margin-bottom: 32px;
    width: 100%; color: #ffffff;}
.t71fdd7cf{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}
.d781a7_3fb3{
    display: flex;
    align-items: center;
    gap: 12px;
}
.cdbd30_8949{
    font-size: 14px;
    color: var(--text-muted);
}
.rdc6df0d127{
    color: var(--border-color);
    font-size: 12px;
}
.z4b5__1f88{
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
}
.z4b5__1f88:hover{
    color: var(--text-color);
}
.fde9b5a03{
    display: flex;
}
.y27d4f671ec{
    font-size: 13px;
    color: var(--text-muted);
}
@media (max-width: 768px){.l190511db{
        padding-top: 40px;
    }
.ee8025_3f58{
        flex-direction: column;
        gap: 32px;
    }
.edc7fc97ea0{
        width: 100%;
    }
.qcbf4d_9b19{
        width: 100%;
        gap: 20px;
    }
.jfe77342d{
        width: 100%;
    }
.t71fdd7cf{
        flex-direction: column;
        align-items: flex-start;
    }}
.ufa923_62f6{box-sizing:border-box;}
.p8e8dc3a9{box-sizing:border-box;}
.q3e26dce7{display:block;max-width:100%;height:auto;}
.hc2d__3742{box-sizing:border-box;}
.hcaefc_fccf{box-sizing:border-box;}
@media (max-width: 768px) {div.r9c314342.ltrr3cyt .v458600d53c { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; padding: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.wwulhgms24n { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; padding: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }}