/* ==========================================================================
   星科罗智能 · 高级感配色主题（Premium Theme）
   --------------------------------------------------------------------------
   本文件在 main.css、cn-typography.css 之后加载，只做配色覆盖，不改动效、不改结构。

   设计原则：
   1) 大色块由「浅黄绿」换成「骨白」，去掉廉价感；
   2) 荧光绿 #C9F31D 只做点缀：只出现在深色底上，或作为 2-3px 装饰线；
   3) 浅色底上的文字统一用墨色阶（#10171E / #4B5158 / #868E96），保证对比度；
   4) 卡片一律「白底 + 1px 细边框」，取代彩色底块；
   5) 吸顶导航改为纯色不透明，避免下层文字透出与导航文字互相干扰。

   反悔方式：删掉 index.html 里本文件的 <link> 即可整体回退。
   ========================================================================== */

:root {
    /* ---- 覆盖模板原始色板 ---- */
    --rs-bg-primary: #F7F6F2;
    --rs-bg-green: #F7F6F2;
    --rs-bg-secondary: #F7F6F2;
    --rs-bg-purple: #F7F6F2;
    --rs-bg-brown: #F7F6F2;
    --rs-text-primary: #4B5158;
    --rs-border-primary: #E6E4DD;
    --rs-placeholder: rgba(75, 81, 88, 0.42);

    /* ---- 主题自带 token ---- */
    --sku-ink: #10171E;
    /* 主文字 / 深色块 */
    --sku-ink-2: #4B5158;
    /* 正文 */
    --sku-ink-3: #868E96;
    /* 辅助说明 */
    --sku-line: #E6E4DD;
    /* 分割线 / 边框 */
    --sku-paper: #FFFFFF;
    /* 卡片底 */
    --sku-canvas: #F7F6F2;
    /* 页面骨白底 */
    --sku-deep: #0E141A;
    /* 深色区块 */
    --sku-accent: #C9F31D;
    /* 品牌荧光绿（仅深底使用） */
}

/* ---------------------------------------------------------------- 通用底色 */
.primary-bg,
.rs-services-one.primary-bg,
.rs-blog-one,
.rs-brand-one {
    background-color: var(--sku-canvas);
}

/* 正文段落统一提高一档对比度 */
.section-description,
.services-description,
.blog-description,
p {
    color: var(--sku-ink-2);
}

/* ------------------------------------------------------------ 吸顶导航栏 */
/* 原为 rgba(16,23,30,.878)，滚动时下层标题会透出来与导航文字叠加 */
.rs-header-one.rs-sticky.has-sticky-bg {
    background: var(--sku-deep);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* --------------------------------------------------------- 解决方案卡片 */
.rs-services-one .services-item {
    background: var(--sku-paper);
    border-color: var(--sku-line);
}

/* 卡片内列表：由浅绿勾选 + 灰字改为墨色勾选 + 深灰字 */
.rs-services-one .services-list li {
    color: var(--sku-ink-2);
}

.rs-list-item ul li svg path {
    fill: var(--sku-ink);
}

/* hover 后卡片转深底，勾选与文字切回品牌绿 / 白色 */
.rs-services-one .services-item:hover .rs-list-item ul li svg path {
    fill: var(--sku-accent);
}

/* 浅底上不要用荧光绿写字（对比度不足），改为墨色 + 绿色下划线 */
.rs-services-one .services-title a:hover,
.rs-services-one .services-item:hover .services-title {
    color: var(--sku-accent);
}

.section-title a:hover {
    color: var(--sku-ink);
    text-decoration-color: var(--sku-accent);
}

/* ------------------------------------------------------------ 合作伙伴区 */
.rs-brand-one .brand-wrapper {
    border-top: 1px solid var(--sku-line);
    border-left: 1px solid var(--sku-line);
}

.rs-brand-one .brand-item {
    background: var(--sku-paper);
    border-right: 1px solid var(--sku-line);
    border-bottom: 1px solid var(--sku-line);
}

.brand-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 132px;
    padding: 18px 12px;
    text-align: center;
    transition: transform 0.45s ease;
}

.brand-item:hover .brand-name {
    transform: translateY(-3px);
}

.brand-name .bn-main {
    font-family: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--sku-ink);
    line-height: 1.2;
}

.brand-name .bn-sub {
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0.16em;
    color: var(--sku-ink-3);
}

.brand-item:hover .brand-name .bn-main {
    color: var(--sku-ink);
}

.brand-item:hover .brand-name .bn-sub {
    color: var(--sku-ink-2);
}

/* ------------------------------------------------------ 技术小贴士卡片 */
.rs-blog-one .blog-item {
    background: var(--sku-paper);
    border: 1px solid var(--sku-line);
    border-radius: 16px;
}

.rs-blog-one .blog-item:hover {
    border-color: #D6D3C9;
}

.rs-blog-one .blog-title,
.rs-blog-one .blog-meta-item {
    color: var(--sku-ink);
}

.rs-blog-one .blog-description,
.rs-blog-one .tip-list li {
    color: var(--sku-ink-2);
}

/* -------------------------------------------------------------- 二维码区 */
.contact-qrcode {
    background: var(--sku-paper);
    border: 1px solid var(--sku-line);
    border-radius: 20px;
}

.contact-qrcode-title {
    color: var(--sku-ink);
}

.contact-qrcode-description {
    color: var(--sku-ink-2);
}

.contact-qrcode-item {
    background: var(--sku-paper);
    border: 1px solid var(--sku-line);
    border-radius: 14px;
}

.contact-qrcode-item:hover {
    border-color: #D6D3C9;
}

.qrcode-label {
    color: var(--sku-ink-2);
}

/* ---------------------------------------------------------------- 表单 */
/* 深色表单卡片内的输入框：提高占位符与边框的可辨识度 */
.contact-form input,
.contact-form textarea,
.contact-form select {
    background: #151D25;
    border: 1px solid #2A343E;
    color: #FFFFFF;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    border-color: var(--sku-accent);
    background: #17202A;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #8C959E;
    opacity: 1;
}

/* 按钮：荧光绿底 + 墨字，hover 反色 */
.rs-btn,
.contact-btn .rs-btn {
    color: var(--sku-ink);
}

.rs-btn:hover,
.contact-btn .rs-btn:hover {
    color: var(--sku-ink);
}

/* ---------------------------------------------------------------- 页脚 */
.rs-footer-one {
    background: var(--sku-deep);
}

.footer-widget-description,
.footer-info-list li,
.footer-info-list li a,
.footer-1-contact a,
.footer-widget-content p {
    color: #AEB6BD;
}

.footer-widget-description a:hover,
.footer-info-list li a:hover {
    color: var(--sku-accent);
}

.footer-widget-title {
    color: #FFFFFF;
}

.footer-copyright,
.footer-copyright-text,
.copyright-text {
    color: #8E979F;
}

/* 页脚 logo 高度收敛，避免过大 */
.footer-logo img,
.rs-footer-one .footer-logo img {
    width: 168px;
    height: auto;
}

/* --------------------------------------------------- 页头 logo 尺寸适配 */
/* 新 logo 比例为 3.2:1（原模板 3.6:1），统一按宽度约束 */
.header-logo {
    max-width: 176px;
}

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

.logo-black img {
    width: 168px;
    height: auto;
}

/* --------------------------------------------- 跑马灯文字：按底色分别取色 */
/* ⚠️ 这里必须分开写：
   顶部关键词条是荧光绿底 → 用墨色字；
   案例区大跑马灯在黑底上 → 必须用白色，否则字与底色同为 #10171E，看起来像“文字消失” */
.rs-text-slide-one .text-slide-title,
.brand-marquee .text-slide-title {
    color: var(--sku-ink);
}

.rs-text-slide-two .text-slide-title,
.rs-text-slide-two.has-stroke-text .text-slide-title {
    color: #FFFFFF;
}

/* ------------------------------------------------ 杂项对比度微调 */
.accordion-button {
    color: var(--sku-ink);
}

.counter-title,
.counter-subtitle {
    color: var(--sku-ink-2);
}

/* 圆形文字按钮在浅底上的字色 */
.rs-text-circle text,
.rs-text-circle span {
    color: var(--sku-ink);
}

/* --------------------------------------------------- 服务卡片图标 */
/* 只对模板自带的图标（assets/images/icon/）做加深处理：
   它们原本是荧光绿线条，放在白卡上几乎看不见。
   你自己上传的图标会存到 assets/images/uploads/，不会命中这条规则，
   因此按原色显示，不会被滤镜改色。 */
.rs-services-one .services-icon img[src*="images/icon/"] {
    filter: grayscale(1) brightness(0.28) contrast(1.15);
}

.rs-services-one .services-item:hover .services-icon img[src*="images/icon/"] {
    filter: none;
}

/* --------------------------------------------------- 评价区引号装饰 */
.rs-testimonial-one .testimonial-quote svg path,
.rs-testimonial-one .testimonial-quote path {
    fill: #C6CCCD;
}

/* --------------------------------------------------- 流程步骤序号 */
.work-process-item .work-process-number,
.work-process-item .process-number {
    color: #C3C9CB;
}

/* ---------------------------------------------- 浅底上的荧光绿细线 */
.section-title.underline,
.services-title.underline {
    text-decoration-color: var(--sku-ink) !important;
}