/**
 * 云创智造 YUNZOW - 极简纯色企业级主题样式表 (Solid Corporate Theme)
 * 设计规范：摒弃花哨渐变与高饱和青色，采用纯粹科技蓝 (#0052D9) + 极简中性灰白体系
 */
:root {
    --bs-primary: #0052d9;
    --bs-secondary: #1d4ed8;
    --primary: #0052d9;
    --secondary: #1d4ed8;
    --primary-hover: #003cab;
    --accent-light: #f8fafc;
    --accent-light-border: #e2e8f0;
    --accent-green: #0052d9;
    --accent-green-bright: #60a5fa;
    --dark-bg: #0f172a;
    --dark-surface: #1e293b;
    --text-dark: #0f172a;
    --text-body: #334155;
}

body {
    background: #ffffff !important;
    color: #334155;
}

/* ===== 通用色彩辅助类纯色化 ===== */
.text-primary {
    color: #0052d9 !important;
}

.bg-primary {
    background-color: #0052d9 !important;
}

.text-success {
    color: #0052d9 !important;
}

.border-success {
    border-color: #cbd5e1 !important;
}

.bg-success {
    background-color: #0052d9 !important;
}

.text-secondary {
    color: #0052d9 !important;
}

/* 深色大图背景上的强调文字采用清爽柔和的天际蓝，不刺眼 */
.carousel-caption .text-secondary,
.mobile-mentor-lumia-app .m-hero .text-secondary,
.mobile-mentor-lumia-app .m-hero h2 .text-secondary,
body.bg-dark .text-secondary {
    color: #60a5fa !important;
}

/* ===== 1. 顶部导航栏：纯白极简风 (彻底告别横向渐变) ===== */
.navbar-sticky-wrapper,
.navbar-sticky-wrapper.nav-scrolled {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.navbar-sticky-wrapper.nav-scrolled {
    border-bottom-color: #cbd5e1 !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07) !important;
}

.navbar-sticky-wrapper::before,
.navbar-sticky-wrapper.nav-scrolled::before {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

.navbar .navbar-nav .nav-link,
.navbar-sticky-wrapper.nav-scrolled .navbar-nav .nav-link {
    color: #1e293b !important;
    font-weight: 600;
    text-shadow: none !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.navbar-sticky-wrapper.nav-scrolled .navbar-nav .nav-link:hover,
.navbar-sticky-wrapper.nav-scrolled .navbar-nav .nav-link.active {
    color: #0052d9 !important;
    text-shadow: none !important;
}

.navbar .navbar-nav .nav-link::after {
    background: #0052d9 !important;
    box-shadow: none !important;
    height: 2px !important;
}

/* 顶栏右侧商务热线与图标纯色适配 */
.navbar-sticky-wrapper .phone-call-btn i.fa-phone-alt {
    color: #0052d9 !important;
}

.navbar-sticky-wrapper .phone-call-btn i.fa-comment-dots {
    color: #3b82f6 !important;
}

.navbar-sticky-wrapper .text-white,
.navbar-sticky-wrapper.nav-scrolled .text-white {
    color: #0f172a !important;
}

.navbar-sticky-wrapper .text-white-50,
.navbar-sticky-wrapper.nav-scrolled .text-white-50 {
    color: #64748b !important;
}

.navbar-sticky-wrapper .text-secondary,
.navbar-sticky-wrapper.nav-scrolled .text-secondary {
    color: #0052d9 !important;
}

/* 顶栏语言切换按钮：常态无背景无边框，保持纯净 */
.navbar-sticky-wrapper .zhuguang-lang-btn,
.navbar-sticky-wrapper.nav-scrolled .zhuguang-lang-btn {
    color: #1e293b !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.navbar-sticky-wrapper .zhuguang-lang-btn:hover,
.navbar-sticky-wrapper.nav-scrolled .zhuguang-lang-btn:hover {
    background: rgba(15, 23, 42, 0.04) !important;
    border-color: transparent !important;
    color: #0052d9 !important;
}

.navbar-sticky-wrapper .zhuguang-lang-switcher.show .zhuguang-lang-btn,
.navbar-sticky-wrapper.nav-scrolled .zhuguang-lang-switcher.show .zhuguang-lang-btn {
    color: #0052d9 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.navbar-sticky-wrapper .zhuguang-chevron-wrap,
.navbar-sticky-wrapper.nav-scrolled .zhuguang-chevron-wrap {
    color: #64748b !important;
}

.navbar-brand img {
    height: 54px !important;
    width: auto;
}

.navbar-brand:hover img {
    transform: none !important;
    filter: none !important;
}

/* ===== 2. 全局按钮：纯粹实心纯色 (无渐变) ===== */
.carousel-caption .carousel-content .carousel-content-btn1,
.carousel-caption .carousel-content a.carousel-content-btn1,
.carousel-caption .carousel-content a button.carousel-content-btn1,
.btn-primary,
.btn-secondary,
.back-to-top {
    background: #0052d9 !important;
    background-image: none !important;
    border-color: #0052d9 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 82, 217, 0.18) !important;
}

.carousel-caption .carousel-content .carousel-content-btn1:hover,
.carousel-caption .carousel-content a.carousel-content-btn1:hover,
.carousel-caption .carousel-content a button.carousel-content-btn1:hover,
.btn-primary:hover,
.btn-secondary:hover,
.back-to-top:hover {
    background: #003cab !important;
    background-image: none !important;
    border-color: #003cab !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 60, 171, 0.28) !important;
}

/* 轮播左右切换按钮与指示器 */
.carousel-control-prev,
.carousel-control-next {
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: #0052d9 !important;
    border-color: #0052d9 !important;
}

#carouselId .carousel-indicators li.active,
#carouselId .carousel-indicators li:hover {
    background: #0052d9 !important;
    box-shadow: none !important;
}

/* ===== 3. 首页数据统计条 (Fact Counter)：清爽冷灰白底 + 品牌蓝数字 ===== */
.container-fluid.bg-secondary.py-5 {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.container-fluid.bg-secondary.py-5 .counter h1.counter-value {
    color: #0052d9 !important;
    text-shadow: none !important;
}

.container-fluid.bg-secondary.py-5 .counter span.h4 {
    color: #0f172a !important;
}

.container-fluid.bg-secondary.py-5 .counter small {
    color: #64748b !important;
}

/* ===== 4. 6大核心产品系列卡片：克制纯色无渐变 ===== */
.project-img::before {
    background: #e2e8f0 !important;
}

.project-img::after {
    background: #cbd5e1 !important;
}

.project-content a {
    background: rgba(15, 23, 42, 0.92) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.project-content a:hover {
    background: #0052d9 !important;
    background-image: none !important;
    border-color: #0052d9 !important;
}

.project-content h4.text-secondary {
    color: #ffffff !important;
}

/* ===== 5. 四大核心应用场景卡片：恢复竹光原版效果 (浅底卡片 + 悬停下拉深色遮罩 + 图标发光文字变白) ===== */
.services .services-item {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 82, 217, 0.08) !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.services .services-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 82, 217, 0.15) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
}

.services-content::after {
    background: linear-gradient(135deg, rgba(10, 25, 47, 0.95), rgba(0, 82, 217, 0.9)) !important;
}

.services-item:hover .services-content-icon i {
    color: var(--accent-green-bright) !important;
    text-shadow: 0 0 15px rgba(96, 165, 250, 0.5) !important;
}

.services-item:hover .services-content-icon h4,
.services-item:hover .services-content-icon p,
.services-item:hover .services-content-icon p.text-muted {
    color: #ffffff !important;
}

.services-item:hover .scene-btn-wrapper .btn-secondary {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4) !important;
}

/* ===== 6. 关于我们 & 信任徽章：纯色化 ===== */
.about-service-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.about-service-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}

.brand-trust-badges-wrap {
    background: #f8fafc !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.guarantee-card,
.step-card {
    border-color: #e2e8f0 !important;
}

/* ===== 7. 客户口碑卡片：纯白卡片 + 中性灰边框 + 防边缘裁切留白 ===== */
.testimonial-carousel .owl-item {
    padding: 12px 4px 24px 4px !important;
    box-sizing: border-box !important;
}

.testimonial-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.testimonial-item h4.text-secondary {
    color: #0f172a !important;
    font-weight: 700;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: #ffffff !important;
    border-color: #0052d9 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

.testimonial-carousel .owl-dots {
    margin-top: 6px !important;
}

.testimonial-carousel .owl-dot {
    background: #cbd5e1 !important;
}

.testimonial-carousel .owl-dot.active {
    background: #0052d9 !important;
}

/* ===== 8. 内页题头 Banner：深色纯色遮罩 (移除蓝青渐变) ===== */
.page-header,
.series-page-header {
    background: linear-gradient(rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.78)), url(../img/carousel-1.jpg) center center / cover no-repeat !important;
}

/* ===== 9. 页脚 (PC & 移动端)：现代清爽浅灰白极简页脚 (Logo 无需白块补丁) ===== */
.footer,
.container-fluid.footer.bg-dark {
    background: #f8fafc !important;
    background-image: none !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

.footer img[src*="logo"],
.m-footer img[src*="logo"],
.bg-dark .text-center > img[src*="logo"] {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.footer .text-white,
.footer h5.text-white,
.footer strong.text-white {
    color: #0f172a !important;
}

.footer .text-white-50,
.footer a.text-white-50,
.footer a.text-white {
    color: #475569 !important;
}

.footer .short-link a:hover,
.footer .help-link a:hover,
.footer .contact-link a:hover {
    color: #0052d9 !important;
}

.footer .text-secondary,
.footer i.text-secondary {
    color: #0052d9 !important;
}

.footer .border-success,
.footer .border-secondary {
    border-color: #e2e8f0 !important;
}

.footer hr {
    border-color: #cbd5e1 !important;
    opacity: 0.6;
}

/* ===== 10. 移动端全面纯色化适配 ===== */
.mobile-mentor-lumia-app {
    --m-light-bg: #f8fafc;
    --m-heading-color: #0f172a;
    --m-accent-color: #0052d9;
    --m-accent-light: #2563eb;
    --m-border-color: #e2e8f0;
}

.mobile-mentor-lumia-app .m-logo img,
.mobile-mentor-lumia-app .m-footer-logo img {
    height: 38px;
    width: auto;
}

@media (max-width: 991.98px) {
    /* 移动端顶栏：纯白底 + 细灰底边，无渐变 */
    .mobile-mentor-lumia-app .m-header,
    .mobile-mentor-lumia-app .m-header.m-header-scrolled {
        background: #ffffff !important;
        background-image: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-mentor-lumia-app .m-header::before,
    .mobile-mentor-lumia-app .m-header.m-header-scrolled::before {
        display: none !important;
        opacity: 0 !important;
    }

    .mobile-mentor-lumia-app .m-header-inner {
        position: relative;
        z-index: 1;
    }

    .mobile-mentor-lumia-app .m-btn-getstarted {
        background: transparent !important;
        border-left: 1px solid #e2e8f0 !important;
        color: #0052d9 !important;
        box-shadow: none !important;
    }

    .mobile-mentor-lumia-app .m-btn-getstarted:hover,
    .mobile-mentor-lumia-app .m-btn-getstarted:active {
        background: #f8fafc !important;
        color: #003cab !important;
    }

    .mobile-mentor-lumia-app .m-nav-toggle,
    .mobile-mentor-lumia-app .m-header.m-header-scrolled .m-nav-toggle {
        background: #0052d9 !important;
        color: #ffffff !important;
    }

    .mobile-mentor-lumia-app .m-nav-toggle:hover,
    .mobile-mentor-lumia-app .m-nav-toggle:active,
    .mobile-mentor-lumia-app .m-header.m-header-scrolled .m-nav-toggle:hover,
    .mobile-mentor-lumia-app .m-header.m-header-scrolled .m-nav-toggle:active {
        background: #003cab !important;
        color: #ffffff !important;
    }

    /* 移动端侧滑菜单纯白底色 */
    .mobile-mentor-lumia-app .m-navmenu::before {
        background: rgba(15, 23, 42, 0.45) !important;
    }

    .mobile-mentor-lumia-app .m-navmenu-card {
        background: #ffffff !important;
        border-left: 1px solid #e2e8f0 !important;
        box-shadow: -12px 0 36px rgba(15, 23, 42, 0.12) !important;
    }

    .mobile-mentor-lumia-app .m-navmenu-list > li {
        border-bottom-color: #f1f5f9 !important;
    }

    .mobile-mentor-lumia-app .m-navmenu-list > li:first-child {
        border-top-color: #f1f5f9 !important;
    }

    .mobile-mentor-lumia-app .m-navmenu-list a,
    .mobile-mentor-lumia-app .m-dropdown-row {
        color: #1e293b !important;
    }

    .mobile-mentor-lumia-app .m-navmenu-list a.active {
        box-shadow: inset 3px 0 #0052d9 !important;
        background: #f8fafc !important;
        color: #0052d9 !important;
    }

    /* 移动端页脚：统一清爽浅灰白底色 */
    .mobile-mentor-lumia-app .m-footer {
        background-color: #f8fafc !important;
        color: #475569 !important;
        border-top: 1px solid #e2e8f0 !important;
    }

    .mobile-mentor-lumia-app .m-footer-brand-top,
    .mobile-mentor-lumia-app .m-footer-contact-clean {
        border-bottom-color: #e2e8f0 !important;
    }

    .mobile-mentor-lumia-app .m-footer-slogan-text {
        color: #64748b !important;
    }

    .mobile-mentor-lumia-app .m-contact-row {
        color: #334155 !important;
    }

    .mobile-mentor-lumia-app .m-contact-row:hover {
        color: #0052d9 !important;
    }

    .mobile-mentor-lumia-app .m-contact-row i {
        color: #0052d9 !important;
    }

    .mobile-mentor-lumia-app .m-footer-copy {
        color: #64748b !important;
    }
}
