/*
 * Sitech 主题覆盖层。
 *
 * 为什么需要它：原模板的颜色是**编译进 index.min.css** 的字面量（$primary #2A2AFF /
 * $accent #4BFF2A）。若不覆盖，客户在后台改主题色不会有任何变化——而「改配色」是本产品
 * 明确承诺给客户与 AI 的能力（template.php 的 theme 令牌）。
 * 故这里把原设计里用到那两个颜色的关键位置重新指向 CSS 变量（值由 theme-head 注入）。
 *
 * 只覆盖颜色/圆角/容器宽度这些**令牌相关**的声明，版式与排版一律沿用原模板，
 * 避免把设计稿改走样。加载顺序：index.min.css 之后。
 */

/* ---------- 容器宽度 ---------- */
.container {
    max-width: var(--container, 1200px);
}

/* ---------- 按钮：原设计是**强调色底 + 深色字 + 偏移硬阴影**（不是主色底） ---------- */
.btn--neon,
.hero_main-btn,
.join_btn {
    background-color: var(--accent);
    border: 1px solid var(--sitech-ink);
    color: var(--sitech-ink);
}

.header_search-btn,
.nav-item.is-current {
    background-color: var(--primary);
    border-color: var(--primary);
}

a.link:hover,
.nav-item:hover .nav-item_text,
.hero_main-title,
.h1, .h2, .h3, .h4, .h5 {
    color: inherit;
}

.text-primary,
.hero_main-text strong,
.logo_text {
    color: var(--primary);
}

/* ---------- 强调色 + 标志性偏移阴影 ---------- */
.btn--neon,
.card,
.testimonials-item,
.join_form {
    box-shadow: var(--sitech-shadow);
    border-radius: var(--radius);
}

.btn--neon:hover {
    background-color: var(--accent);
    color: var(--sitech-ink);
}

/* ---------- 底色 ---------- */
body {
    background-color: var(--bg);
    color: var(--sitech-body);
}

.section--surface,
.features.section,
.testimonials.section {
    background-color: var(--surface);
}

/* ---------- 空槽位提示（预览态；契约 §6.3 要求） ---------- */
.lexi-empty {
    display: block;
    min-height: 1.4em;
    border: 1px dashed rgba(42, 42, 255, .45);
    border-radius: var(--radius);
    opacity: .75;
}

/* ---------- 首屏插画降级位（原版是 lottie-player，见 sections/hero 注释） ----------
   原 .hero_media 是 position:absolute 且固定 300×295——那是给 lottie 容器量身定的尺寸。
   换成静态插画后需要重新给位：右半屏、随视口缩放，并让它落在文字层之下不挡点击。 */
.hero .hero_media {
    position: relative;
    width: auto;
    height: auto;
    flex: 1 1 46%;
    max-width: 620px;
    align-self: center;
    pointer-events: none;
}

.hero_media-img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 1199.98px) {
    .hero .hero_media {
        max-width: 420px;
        margin: 0 auto;
    }
}

/* ---------- 首屏在蓝底上：正文必须反白，否则副标题几乎读不出来 ---------- */
.hero .hero_main-text,
.hero .hero_main-title,
.hero .tw-height .text {
    color: #fff;
}

/* ---------- 页头三段式：Logo 左 / 导航居中 / 搜索靠右 ----------
   🚨原模板给 .logo 设了 order:1、.header_nav 设了 order:2（实测 computed style）。
   本产品新增的搜索表单不设 order 就是默认 0，会被排到 Logo 前面去——必须显式排到最后。 */
.header_search {
    order: 3;
    margin-left: auto;
    align-items: center;
    gap: 6px;
}

.header_search-input {
    border: 1px solid var(--sitech-ink);
    padding: 6px 10px;
    border-radius: var(--radius);
    min-width: 160px;
}

.header_search-btn {
    color: #fff;
    border: 1px solid var(--sitech-ink);
    padding: 6px 10px;
    border-radius: var(--radius);
}