/* ============================================================
 * 牧安科技 muanbot 官网前台样式
 * 设计 Token（源自 frontend-design 计划：非 AI 默认三风格）
 *  - 色板：hero-bg-deep #0B1220 / hero-bg-accent #0F2442 / muan-blue #0A84C8
 *          muan-blue-light #E6F2FA / text-on-dark #FFFFFF / text-muted-on-dark #9FB0C4
 *  - 字体：全栈 PingFang SC（苹方），字重/字距分层级，不用 serif
 *  - 签名元素（Signature）：首屏 Hero 底部「地面反光倒影 + 栅格地砖纹」
 *        → 语义化：机器人在猪场地面行走，不是纯装饰
 * ============================================================
 */

/* ---------- 0. Reset & 设计 Token CSS 变量 ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; min-height: 100%; }
body { font-family: "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
       -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; color: #1a1a1a; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }

:root {
    /* 设计 Token：色板 */
    --hero-bg-deep:       #0B1220;   /* 首屏背景：近黑深蓝 */
    --hero-bg-accent:     #0F2442;   /* 首屏渐变右上角科技蓝反光 */
    --muan-blue:          #0A84C8;   /* 牧安蓝（主按钮）*/
    --muan-blue-dark:     #0870A8;   /* 深蓝（按压态）*/
    --muan-blue-light:    #E6F2FA;   /* 辅助按钮浅蓝底色（预购机报名）*/
    --text-on-dark:       #FFFFFF;
    --text-muted-on-dark: #9FB0C4;   /* 首屏深色背景上的说明文字（灰蓝，避开纯白刺眼）*/

    /* 设计 Token：圆角 / 阴影 / 最大宽度 */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 999px;
    --shadow-soft: 0 12px 30px rgba(0,0,0,.08);
    --max-w: 1320px;   /* 内容最大宽度（和大疆一致）*/
    --nav-h: 72px;     /* 导航高度 */
}

/* 内容居中通用类 */
.mu-wrap { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 40px; }

/* ---------- 1. 通用按钮（CTA / 导航按钮）---------- */
.mu-btn {
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 600; letter-spacing: .02em; line-height: 1;
    border-radius: var(--radius-lg);
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease;
    white-space: nowrap; user-select: none;
}
.mu-btn--sm { height: 36px; padding: 0 18px; font-size: 14px; }
.mu-btn--md { height: 46px; padding: 0 28px; font-size: 15px; }
/* 主按钮：蓝底白字（购买渠道 / 立即咨询）
 * hover 变色动效：背景白色由左向右「刷」成白底，文字变蓝，上浮 + 蓝色光晕；active 按压回缩 */
.mu-btn--primary {
    position: relative;
    overflow: hidden;
    background-color: var(--muan-blue);
    background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, var(--muan-blue) 50%, var(--muan-blue) 100%);
    background-size: 220% 100%;
    background-position: 100% 50%;          /* 默认显示蓝色半边 */
    color: #fff;
    box-shadow: 0 6px 16px rgba(10,132,200,.28);
    transition:
        background-position .42s cubic-bezier(.3,.8,.3,1),   /* 刷白滑动的节奏感 */
        color .25s ease .06s,                                 /* 文字稍后变蓝，跟随刷动 */
        transform .22s ease,
        box-shadow .22s ease;
}
.mu-btn--primary:hover {
    background-position: 0% 50%;            /* 白色从左向右刷过，按钮变白底蓝字 */
    color: var(--muan-blue);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(10,132,200,.30);
}
.mu-btn--primary:active {
    transform: translateY(0) scale(.97);
    box-shadow: 0 4px 14px rgba(10,132,200,.28);
}
/* 购买渠道图标 hover 微上浮（购物袋 svg） */
.mu-nav__btn-primary svg { transition: transform .22s ease; }
.mu-nav__btn-primary:hover svg { transform: translateY(-1px); }
/* 透明边框按钮（Hero 上的「了解更多」→ 白底蓝字 on dark 是反过来的：白边 + 白字透明底）*/
.mu-btn--outline-light {
    background-color: transparent; color: var(--text-on-dark);
    border: 1px solid rgba(255,255,255,.55);
}
.mu-btn--outline-light:hover {
    background-color: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.95);
    transform: translateY(-1px);
}
/* 浅蓝底蓝字按钮（预购机报名）*/
.mu-btn--ghost-blue {
    background-color: var(--muan-blue-light); color: var(--muan-blue);
}
.mu-btn--ghost-blue:hover {
    background-color: #CFE7F7;
    transform: translateY(-1px);
}

/* ---------- 2. 顶部导航栏（毛玻璃 / 滚动变白，大疆官网同款逻辑）---------- */
.mu-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 900;
    height: var(--nav-h);
    transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
    /* 初始状态（叠在 Hero 上）：半透深蓝毛玻璃 */
    background-color: rgba(11,18,32,.35);
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    color: var(--text-on-dark);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
/* 滚动后（main.js 给 <header> 加 .is-scrolled）：纯白 + 蓝 Logo */
.mu-nav.is-scrolled {
    background-color: rgba(255,255,255,.96);
    backdrop-filter: blur(12px) saturate(160%);
    -webkit-backdrop-filter: blur(12px) saturate(160%);
    color: #1a1a1a;
    box-shadow: 0 4px 18px rgba(0,0,0,.06);
    border-bottom-color: rgba(0,0,0,.06);
}

.mu-nav__inner {
    width: 100%; max-width: var(--max-w); height: 100%;
    margin: 0 auto; padding: 0 40px;
    display: flex; align-items: center; justify-content: space-between; gap: 32px;
}

/* Logo：根据导航状态切换明暗版本（CSS 切换 display）*/
.mu-nav__brand { display: inline-flex; align-items: center; gap: 10px; }
.mu-nav__logo { height: 32px; width: auto; }
.mu-nav__logo--dark  { display: none;  }   /* 默认（暗色背景）只显示亮色版 Logo */
.mu-nav.is-scrolled .mu-nav__logo--light { display: none; }    /* 滚动变白：关掉白 Logo */
.mu-nav.is-scrolled .mu-nav__logo--dark  { display: block; }   /* 滚动变白：显示蓝 Logo */
.mu-nav__brand-text { font-size: 12px; color: currentColor; opacity: .75; }
.mu-nav.is-scrolled .mu-nav__brand-text { opacity: .7; }

/* 中间菜单 */
.mu-nav__menu {
    display: flex; align-items: center; gap: 6px; flex: 1; justify-content: center;
}
.mu-nav__link {
    position: relative;
    padding: 8px 14px; font-size: 14.5px; font-weight: 500;
    border-radius: var(--radius-sm);
    transition: color .18s ease, background-color .18s ease;
}
.mu-nav__link:hover { background-color: rgba(255,255,255,.08); }
.mu-nav.is-scrolled .mu-nav__link:hover { background-color: rgba(10,132,200,.07); color: var(--muan-blue); }
/* 当前高亮：底部 2px 蓝色下划线（和参考图一致）*/
.mu-nav__link--active::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 2px;
    background-color: currentColor;
    border-radius: 2px; opacity: .9;
}
.mu-nav.is-scrolled .mu-nav__link--active { color: var(--muan-blue); }

/* 右侧动作：搜索 / 按钮 */
.mu-nav__actions { display: flex; align-items: center; gap: 10px; }
.mu-nav__icon-btn {
    width: 36px; height: 36px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.mu-nav__icon-btn:hover { background-color: rgba(255,255,255,.12); }
.mu-nav.is-scrolled .mu-nav__icon-btn:hover { background-color: rgba(10,132,200,.08); color: var(--muan-blue); }
/* 点击反馈：图标整体轻微放大再收回，随后「弹」出搜索栏（交互在 main.js） */
.mu-nav__icon-btn:active { transform: scale(.86); }
.mu-nav__icon-btn svg { transition: transform .2s ease; }
.mu-nav__icon-btn:hover svg { transform: scale(1.08); }

/* ---------- 站内搜索覆盖层：点击头部搜索图标，搜索栏从顶部滑入 ---------- */
.mu-search {
    position: fixed; inset: 0;
    z-index: 950;                       /* 高于导航栏 900 */
    visibility: hidden;
}
.mu-search.is-open { visibility: visible; }
.mu-search__backdrop {
    position: absolute; inset: 0;
    background: rgba(8,14,26,.5);
    opacity: 0;
    transition: opacity .3s ease;
}
.mu-search.is-open .mu-search__backdrop { opacity: 1; }
.mu-search__panel {
    position: absolute; top: 0; left: 0; right: 0;
    padding: calc(var(--nav-h) + 26px) 40px 26px;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 40px rgba(8,14,26,.16);
    transform: translateY(-100%);
    transition: transform .38s cubic-bezier(.2,.8,.25,1);
}
.mu-search.is-open .mu-search__panel { transform: translateY(0); }
.mu-search__form {
    max-width: 1100px; margin: 0 auto;
    display: flex; align-items: center; gap: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--muan-blue);
}
.mu-search__form > svg { color: var(--muan-blue); flex: none; }
.mu-search__input {
    flex: 1; height: 48px; min-width: 0;
    font-size: 20px; font-weight: 400; color: #141E2E;
    background: transparent; border: none; outline: none;
}
.mu-search__input::placeholder { color: rgba(10,20,40,.35); }
.mu-search__submit { flex: none; }
.mu-search__close {
    width: 40px; height: 40px; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    color: rgba(10,20,40,.55); background: transparent; border: none;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, transform .25s ease;
}
.mu-search__close:hover { background-color: rgba(10,132,200,.1); color: var(--muan-blue); }
.mu-search__close:active { transform: scale(.88); }

/* 汉堡按钮（PC 端先隐藏，后续响应式再开）*/
.mu-nav__hamburger { display: none; flex-direction: column; justify-content: space-around; width: 24px; height: 24px; }
.mu-nav__hamburger span { display: block; height: 2px; background: currentColor; border-radius: 2px; }

/* ---------- 3. 首页首屏 Hero Section（严格按策划方案：大疆 dji.com/cn 风格 100vh 满屏大图轮播）----------
 *  - 图片 100%：整屏 100vh，产品大图 background-size: cover 全覆盖
 *  - 左→右黑色渐变遮罩：rgba(0,0,0,0.85) → rgba(0,0,0,0.15) → transparent，保证白色文字可读
 *  - CTA：文字链（了解更多 / 立即咨询，底部下划线 + 右箭头 hover 右移），非大按钮（严格对标大疆）
 *  - Ken Burns 缩放动效：每张 slide 激活时背景图从 scale(1) → scale(1.08) 缓慢放大
 *  - 8 张轮播，自动播放 5.5s，鼠标悬停暂停
 */
.mu-hero {
    position: relative;
    width: 100%;
    height: 100vh;            /* 策划方案：满屏 100vh */
    min-height: 640px;        /* 策划方案：最小高度 640px */
    overflow: hidden;
    color: var(--text-on-dark);
    background-color: #000;   /* 背景图加载时兜底，防止白屏 */
}

/* Hero 轮播 stage：100% 撑满 */
.mu-hero__stage {
    position: relative;
    width: 100%; height: 100%;
}

/* 每个 slide：叠在 stage 上，激活 = opacity 1 */
.mu-hero__slide {
    position: absolute; inset: 0;
    opacity: 0; visibility: hidden;
    transition: opacity .8s ease, visibility .8s ease;
}
.mu-hero__slide.is-active { opacity: 1; visibility: visible; z-index: 2; }

/* ---------- 整屏产品大图背景（100% 覆盖，核心「图片 100%」要求）
 * 呼吸感：切换/加载时从 scale(1.06) 缓慢淡入到 scale(1)，随后进入
 * 持续的缓慢缩放循环（1 ↔ 1.055），像画面在轻轻呼吸 ---------- */
.mu-hero__bg {
    position: absolute; inset: 0;
    background-repeat: no-repeat;
    background-size: cover;      /* ✅ 100% 覆盖整个 Hero 区（图片 100%） */
    background-position: center center;
    opacity: 0;                  /* 初始透明，激活时淡入 */
    transform: scale(1.06);      /* 入场略放大，切换时先「吸」一下 */
    transition: opacity 1.2s ease .1s, transform 1.6s cubic-bezier(.3,.7,.25,1);
    z-index: 1;
}
.mu-hero__slide.is-active .mu-hero__bg {
    opacity: 1;
    transform: scale(1);
    /* 入场动画结束（1.6s）后接续呼吸循环，从 scale(1) 开始无跳变 */
    animation: mu-bg-breathe 8s ease-in-out 1.6s infinite;
}
@keyframes mu-bg-breathe {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.055); }   /* 缓慢放大再收回，呼吸感 */
}

/* ---------- 左到右黑色渐变遮罩（保证文字清晰不糊在图上）---------- */
.mu-hero__mask {
    position: absolute; inset: 0;
    z-index: 2;
    /* 左侧 85% 纯黑 → 中部 55% 半黑 → 右侧 15% 几乎透明，文字在左侧绝对清晰 */
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.72) 28%,
        rgba(0,0,0,0.52) 52%,
        rgba(0,0,0,0.22) 78%,
        rgba(0,0,0,0.08) 100%
    );
}

/* ---------- 内容容器（左下对齐，大疆官网同款布局）---------- */
.mu-hero__wrap {
    position: absolute; inset: 0;
    z-index: 3;
    width: 100%; max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: flex-end;          /* ✅ 内容靠底部（大疆官网首屏文字偏下） */
    padding-bottom: 16vh;          /* 距离屏幕底部 16% 的空间，视觉舒服 */
    padding-top: var(--nav-h);     /* 顶部避开固定导航栏高度 */
}
.mu-hero__content {
    max-width: 620px;              /* 文字区不要太宽，阅读舒适 */
}

/* 分类标签 eyebrow：每张轮播图的专属卖点标签（如「养殖场粪沟清洗机器人」）
 * 字号 24px（原 13px 太小，19px 仍偏小），加粗提亮，nowrap 保证单行不换行 */
.mu-hero__eyebrow {
    display: inline-block;
    white-space: nowrap;           /* 单行显示，避免长标签换行 */
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.08em;        /* 字距稍大，更精致 */
    color: rgba(255,255,255,0.92); /* 提亮，保证可读性 */
    text-transform: none;
    margin-bottom: 18px;
    padding-left: 16px;
    border-left: 3px solid var(--muan-blue);  /* 左侧蓝色小竖条，点睛色 */
    line-height: 1.2;
    text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

/* 超大主标题：MUANBOT-X6（大疆官网同款大字号，字距收紧体现精密工业感） */
.mu-hero__title {
    margin-top: 0;                  /* h2 标签默认有上边距，这里统一归零（原为 h1 时无此问题） */
    font-size: clamp(52px, 7.5vw, 96px);  /* clamp：小屏 52 / 大屏 96 */
    font-weight: 800;
    line-height: 1.0;
    letter-spacing: -0.035em;       /* 字距收紧，精密感 */
    color: #FFFFFF;
    white-space: nowrap;            /* 型号单行显示，避免换行 */
    margin-bottom: 20px;
    text-shadow: 0 8px 32px rgba(0,0,0,0.45);
}

/* 屏幕阅读器专用（视觉隐藏，但可被读屏器朗读 / 搜索引擎读取） */
.mu-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* 副标题（策划方案 8 条各不相同） */
.mu-hero__subtitle {
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 400;
    color: rgba(255,255,255,0.88); /* 几乎纯白，比标签亮一档 */
    line-height: 1.5;
    max-width: 520px;
    margin-bottom: 40px;
    text-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

/* ---------- CTA 文字链（严格对标大疆：不是大按钮，是下划线文字链！）
 * 鼠标交互强化：hover 光晕浮现 + 文字上浮提亮 + 下划线从左生长 + 箭头弹性右移；active 按压微缩 ---------- */
.mu-hero__cta-row {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 48px;                     /* 大疆官网两个 CTA 间距较大 */
}
.mu-hero__cta-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15.5px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 6px 12px;             /* 扩大点击热区 */
    margin: -6px -12px;
    border-radius: 8px;
    transition:
        color .22s ease,
        background-color .22s ease,
        transform .25s cubic-bezier(.2,.7,.2,1);
    cursor: pointer;
    line-height: 1.4;
}
/* hover 光晕：淡蓝径向渐变浮现在文字下方 */
.mu-hero__cta-link::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    background: radial-gradient(120% 130% at 50% 100%, rgba(10,132,200,.24), rgba(10,132,200,.04) 62%, transparent);
    opacity: 0;
    transition: opacity .28s ease;
    pointer-events: none;
}
/* 下划线：hover 时从左向右生长（蓝色渐变线） */
.mu-hero__cta-link::after {
    content: "";
    position: absolute;
    left: 12px; right: 12px; bottom: 2px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--muan-blue), #3BB7F2);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.2,.7,.2,1);
}
/* 右箭头：默认位置 */
.mu-hero__cta-arrow {
    position: relative;            /* 置于光晕之上 */
    display: inline-block;
    transition: transform .3s cubic-bezier(.2,.8,.25,1.4);
    line-height: 1;
}
/* hover：光晕浮现 + 文字上浮提亮 + 下划线生长 + 箭头弹性右移 */
.mu-hero__cta-link:hover {
    color: #FFFFFF;
    transform: translateY(-1px);
}
.mu-hero__cta-link:hover::before { opacity: 1; }
.mu-hero__cta-link:hover::after  { transform: scaleX(1); }
.mu-hero__cta-link:hover .mu-hero__cta-arrow {
    transform: translateX(7px);
}
/* active（按下）：轻微下沉回缩，点击感更实 */
.mu-hero__cta-link:active {
    transform: translateY(0) scale(.96);
}
.mu-hero__cta-link:active .mu-hero__cta-arrow {
    transform: translateX(3px);
}

/* ---------- 首屏持续动效：背景水流光效 + 右上角科技蓝光晕（营造清洁氛围） ---------- */
.mu-hero__fx {
    position: absolute; inset: 0;
    z-index: 1;               /* 盖在 bg 之上、mask 之下，不遮挡左侧文字 */
    pointer-events: none;
    overflow: hidden;
}
/* 斜向流动的高光水带：缓慢来回扫动，模拟高压水射流的水光 */
.mu-hero__fx::before {
    content: "";
    position: absolute;
    top: -30%; bottom: -30%; left: -12%;
    width: 124%;
    background: linear-gradient(
        112deg,
        transparent 0%,
        rgba(140,210,255,.05) 30%,
        rgba(140,210,255,.16) 50%,
        rgba(140,210,255,.05) 70%,
        transparent 100%
    );
    animation: mu-fx-flow 10s ease-in-out infinite;
}
/* 右上角科技蓝光晕：缓慢游动 + 呼吸 */
.mu-hero__fx::after {
    content: "";
    position: absolute;
    top: -20%; right: -14%;
    width: 56vw; height: 56vw;
    max-width: 920px; max-height: 920px;
    background: radial-gradient(
        circle,
        rgba(10,132,200,.30),
        rgba(10,132,200,.09) 46%,
        transparent 70%
    );
    filter: blur(6px);
    animation: mu-fx-glow 11s ease-in-out infinite;
}
@keyframes mu-fx-flow {
    0%, 100% { transform: translateX(-6%); opacity: .45; }
    50%      { transform: translateX(5%);  opacity: .95; }
}
@keyframes mu-fx-glow {
    0%, 100% { transform: translate(0,0) scale(1);    opacity: .5; }
    50%      { transform: translate(-4%,3%) scale(1.15); opacity: .95; }
}

/* ---------- 整屏光感扫过：斜向光线周期性划过整个首屏，制造光泽感 ---------- */
.mu-hero__sweep {
    position: absolute; inset: 0;
    z-index: 8;               /* 盖在 slide 之上（含文字），箭头/圆点之下 */
    pointer-events: none;
    overflow: hidden;
}
.mu-hero__sweep::before {
    content: "";
    position: absolute;
    top: -25%; bottom: -25%;
    left: 0;
    width: 40%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255,255,255,0) 22%,
        rgba(255,255,255,.03) 42%,
        rgba(255,255,255,.07) 50%,
        rgba(255,255,255,.03) 58%,
        rgba(255,255,255,0) 78%,
        transparent 100%
    );
    mix-blend-mode: screen;   /* 光感叠加，不压暗画面 */
    filter: blur(2px);
    transform: translateX(-180%) skewX(-9deg);
    animation: mu-sweep-band 7.5s ease-in-out 2s infinite;
}
@keyframes mu-sweep-band {
    0%   { transform: translateX(-180%) skewX(-9deg); opacity: 0; }
    10%  { opacity: .55; }
    42%  { transform: translateX(430%) skewX(-9deg); opacity: .55; }
    58%, 100% { transform: translateX(430%) skewX(-9deg); opacity: 0; }
}

/* ---------- 型号标题字母逐个弹入（MUANBOT-X6 拆分为字母，切换时依次弹入） ---------- */
.mu-hero__title-char {
    display: inline-block;
    margin-right: -0.035em;        /* 补偿父级 letter-spacing，保持型号紧排 */
    opacity: 0;
    transform: translateY(.5em) scale(.78);
    transition:
        opacity .45s ease,
        transform .5s cubic-bezier(.2,.8,.25,1.25);
    will-change: opacity, transform;
}
.mu-hero__title.is-title-in .mu-hero__title-char {
    opacity: 1;
    transform: none;
}

/* ---------- 轮播：左右箭头（保留原设计，微调位置）---------- */
.mu-hero__arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 46px; height: 46px; border-radius: 50%;
    background-color: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.16);
    color: var(--text-on-dark);
    display: inline-flex; align-items: center; justify-content: center;
    z-index: 10;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.mu-hero__arrow:hover {
    background-color: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.38);
    transform: translateY(-50%) scale(1.06);
}
.mu-hero__arrow--prev { left: 26px;  }
.mu-hero__arrow--next { right: 26px; }

/* ---------- 轮播指示器：底部圆点（保留原胶囊设计，调位置）---------- */
.mu-hero__dots {
    position: absolute; left: 0; right: 0; bottom: 34px;
    display: flex; justify-content: center; align-items: center; gap: 10px;
    z-index: 10;
}
.mu-hero__dot {
    width: 8px; height: 8px; border-radius: 50%;
    background-color: rgba(255,255,255,0.35);
    transition: background-color .25s ease, width .25s ease;
    cursor: pointer;
}
.mu-hero__dot.is-active {
    background-color: #FFFFFF;
    width: 26px;   /* 当前激活变成「胶囊」形状（大疆同款） */
    border-radius: 999px;
}

/* ============================================================
   ===== 首页第二屏以后区块（docx P1）=====
   ============================================================ */

/* ---------- 关于牧安（深色品牌介绍：左文字右图，统一区块头，呼应首屏 / 解决方案 / CTA 的深蓝语言）---------- */
.mu-about {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background:
        radial-gradient(52% 120% at 88% -10%, rgba(10,132,200,.22) 0%, transparent 60%),
        linear-gradient(135deg, #0B1220 0%, #0F2442 100%);
    color: var(--text-on-dark);
}
/* 弱化蓝色光带周期扫过（呼应首屏 Hero sweep / 留资 CTA fx；比 CTA 更淡、更慢） */
.mu-about__fx { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mu-about__fx::before {
    content: "";
    position: absolute;
    top: -30%; bottom: -30%;
    left: 0; width: 30%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(78,203,228,0) 24%,
        rgba(78,203,228,.07) 46%,
        rgba(78,203,228,.12) 50%,
        rgba(78,203,228,.07) 54%,
        rgba(78,203,228,0) 76%,
        transparent 100%
    );
    mix-blend-mode: screen;
    filter: blur(3px);
    transform: translateX(-200%) skewX(-9deg);
    animation: mu-about-band 11s ease-in-out 3s infinite;
}
@keyframes mu-about-band {
    0%, 16%   { transform: translateX(-200%) skewX(-9deg); opacity: 0; }
    26%       { opacity: 1; }
    64%, 100% { transform: translateX(320%) skewX(-9deg); opacity: 0; }
}
.mu-about .mu-wrap { position: relative; z-index: 1; }
.mu-about__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.mu-about__intro {
    font-size: 16px;
    line-height: 2;
    color: rgba(233,240,248,.88);
    margin-bottom: 32px;
}
.mu-about__intro strong { color: #4FB3E8; font-weight: 700; }
.mu-about__points {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 36px;
}
.mu-about__point {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.mu-about__point-ic {
    flex: none;
    width: 44px; height: 44px;
    display: inline-flex; align-items: center; justify-content: center;
    color: #4FB3E8;
    background: rgba(255,255,255,.08);
    border-radius: 10px;
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
}
.mu-about__point:hover .mu-about__point-ic {
    transform: translateY(-2px);
    background: var(--muan-blue);
    color: #fff;
}
.mu-about__point-body { display: flex; flex-direction: column; gap: 2px; }
.mu-about__point-body strong { font-size: 16px; font-weight: 700; color: #fff; }
.mu-about__point-body span { font-size: 13.5px; color: rgba(159,176,196,.85); }
.mu-about__link {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 15px; font-weight: 600;
    color: #4FB3E8;
    padding-bottom: 4px;
    border-bottom: 2px solid rgba(79,179,232,.35);
    transition: gap .3s ease, border-color .3s ease;
}
.mu-about__link i { font-style: normal; }
.mu-about__link:hover { gap: 14px; border-color: #4FB3E8; }
.mu-about__media {
    position: relative;             /* 视频/封面层 absolute 定位的参照 */
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #0B1220;
    border: 1px solid rgba(255,255,255,.12);
}
.mu-about__media video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain;           /* 不切割比例，完整展示画面 */
    background: #0B1220;           /* contain 留边处深色兜底 */
}
.mu-about__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-about__media:hover img { transform: scale(1.06); }

/* ---------- 品牌客户（首页 logo 墙，数据来自后台「客户案例」mu_cases）---------- */
.mu-cases {
    background: #F6F8FB;          /* 浅灰底，与白底 story 区分层次 */
    padding: 100px 0;
}
.mu-cases__wall {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 48px;
}
.mu-cases__item {
    flex: 1 1 calc((100% - 80px) / 6);   /* 6 列：16px*5 间隙 */
    min-width: 150px;
    max-width: calc((100% - 80px) / 6);
    height: 92px;
}
.mu-cases__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #E7ECF2;
    border-radius: 10px;
    color: #7C8798;
    text-decoration: none;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
a.mu-cases__link:hover {
    border-color: var(--muan-blue);
    box-shadow: 0 8px 22px rgba(10,132,200,.12);
    transform: translateY(-3px);
}
.mu-cases__logo {
    max-width: 100%;
    max-height: 42px;
    object-fit: contain;
}
.mu-cases__name {
    font-size: 15px;
    font-weight: 600;
    color: #7C8798;
    letter-spacing: .02em;
    text-align: center;
    transition: color .25s ease;
}
a.mu-cases__link:hover .mu-cases__name { color: var(--muan-blue); }

/* ---------- 创新故事（统一区块头 + 2 张故事大图卡 + 数字统计横幅）---------- */
.mu-story { padding: 100px 0 110px; }

/* 两个创新故事：大图卡，标题/描述叠在图上（悬停图片放大）*/
.mu-story__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.mu-story__card {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #E8EEF6;
}
.mu-story__card-media {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-story__card:hover .mu-story__card-media { transform: scale(1.07); }
.mu-story__card-veil {
    position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(6,10,18,.88) 0%, rgba(6,10,18,.18) 55%, transparent 75%);
    transition: opacity .35s ease;
}
.mu-story__card-body {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 28px 30px 30px;
    z-index: 1;
}
.mu-story__card-title {
    font-size: 22px; font-weight: 800;
    color: #fff;
    letter-spacing: -.01em;
    margin-bottom: 10px;
    transition: transform .35s ease;
}
.mu-story__card:hover .mu-story__card-title { transform: translateY(-3px); }
.mu-story__card-desc {
    font-size: 14.5px; line-height: 1.75;
    color: rgba(255,255,255,.82);
    margin-bottom: 16px;
    max-width: 440px;
}
.mu-story__card-cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600;
    color: #fff;
    transition: color .3s ease, gap .3s ease;
}
.mu-story__card-cta i { font-style: normal; color: var(--muan-blue); }
.mu-story__card:hover .mu-story__card-cta { color: #7ED4FF; gap: 10px; }

/* 「查看全部创新故事」入口（指向新闻资讯-创新故事分类页） */
.mu-story__more {
    margin-top: 40px;
    text-align: center;
}
.mu-story__more a {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 14.5px; font-weight: 600; color: var(--muan-blue);
    padding-bottom: 4px;
    border-bottom: 2px solid rgba(10,132,200,.28);
    transition: color .25s ease, border-color .25s ease, gap .3s cubic-bezier(.2,.8,.25,1.4);
}
.mu-story__more i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-story__more a:hover { color: #0870A8; border-color: #0870A8; }
.mu-story__more a:hover i { transform: translateX(6px); }

/* 动态数字统计横幅：进入视口从 0 滚动到目标值，浅色横幅收尾 */
.mu-story__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 64px;
    padding: 46px 40px;
    background: #F4F8FC;
    border: 1px solid rgba(10,132,200,.08);
}
.mu-story__stat { text-align: center; }
.mu-story__stat-num {
    font-size: clamp(44px, 5vw, 64px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.02em;
    background: linear-gradient(180deg, var(--muan-blue), #2AA5E8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--muan-blue);
    margin-bottom: 10px;
}
.mu-story__stat-count { font-variant-numeric: tabular-nums; }
.mu-story__stat-suffix { font-size: .55em; }
.mu-story__stat-label {
    font-size: 14px; font-weight: 500;
    letter-spacing: .06em;
    color: #5A6678;
}

/* ---------- 解决方案（深色背景，3 张大卡 4:5）---------- */
.mu-solutions { background: #0A0A0A; padding: 100px 0; }
.mu-section-head--dark .mu-section-head__title { color: #fff; }
.mu-section-head--dark .mu-section-head__title::before {
    background: linear-gradient(180deg, #4FC3F7, #1E88E5);
}
.mu-section-head--dark .mu-section-head__desc { color: rgba(255,255,255,.7); }
.mu-solutions__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.mu-solution-card {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #141414;
}
.mu-solution-card__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-solution-card:hover .mu-solution-card__bg { transform: scale(1.06); }
.mu-solution-card__info {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 44px 28px 28px;
    background: linear-gradient(180deg, rgba(5,8,14,0) 0%, rgba(5,8,14,.94) 100%);
}
.mu-solution-card__title {
    font-size: 22px; font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}
.mu-solution-card__desc {
    font-size: 14px; line-height: 1.6;
    color: rgba(255,255,255,.75);
    margin-bottom: 16px;
}
.mu-solution-card__cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600;
    color: #fff;
    transition: gap .3s ease;
}
.mu-solution-card__cta i { font-style: normal; color: var(--muan-blue); }
.mu-solution-card:hover .mu-solution-card__cta { gap: 10px; }

/* ---------- 服务与支持（3 张浅灰小卡，单色线框图标）---------- */
.mu-service { padding: 100px 0; }
.mu-service__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.mu-service-card {
    display: block;
    background: #F7F8F9;
    border: 1px solid rgba(20,30,46,.06);
    padding: 36px 30px 32px;
    transition: background .35s ease, transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-service-card:hover {
    background: #fff;
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(20,30,46,.12);
    border-color: rgba(10,132,200,.28);
}
.mu-service-card__icon {
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 56px; height: 56px;
    border-radius: 14px;
    color: var(--muan-blue);
    background: #fff;
    box-shadow: 0 4px 14px rgba(10,132,200,.12);
    margin-bottom: 22px;
    transition: transform .35s ease;
}
.mu-service-card:hover .mu-service-card__icon { transform: scale(1.08); }
.mu-service-card__title {
    font-size: 19px; font-weight: 700;
    color: #141E2E;
    margin-bottom: 10px;
}
.mu-service-card__desc {
    font-size: 14px; line-height: 1.7;
    color: #5A6678;
    margin-bottom: 18px;
}
.mu-service-card__cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600;
    color: #141E2E;
    transition: color .3s ease, gap .3s ease;
}
.mu-service-card__cta i { font-style: normal; }
.mu-service-card:hover .mu-service-card__cta { color: var(--muan-blue); gap: 10px; }

/* ---------- 留资引导（深色沉浸 CTA 收口：添加微信 / 电话直拨，紧凑左右分栏）---------- */
.mu-cta {
    position: relative;
    overflow: hidden;
    padding: 56px 0;
    /* 深蓝渐变：呼应首屏 hero-bg-deep → accent，右上角科技蓝反光 */
    background:
        radial-gradient(52% 120% at 88% -10%, rgba(10,132,200,.22) 0%, transparent 60%),
        linear-gradient(135deg, #0B1220 0%, #0F2442 100%);
    color: var(--text-on-dark);
}
/* 细蓝光带周期扫过（弱于首屏 sweep，营造清洁氛围） */
.mu-cta__fx { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mu-cta__fx::before {
    content: "";
    position: absolute;
    top: -30%; bottom: -30%;
    left: 0; width: 34%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(78,203,228,0) 24%,
        rgba(78,203,228,.10) 46%,
        rgba(78,203,228,.18) 50%,
        rgba(78,203,228,.10) 54%,
        rgba(78,203,228,0) 76%,
        transparent 100%
    );
    mix-blend-mode: screen;
    filter: blur(3px);
    transform: translateX(-190%) skewX(-9deg);
    animation: mu-cta-band 9s ease-in-out 2.5s infinite;
}
@keyframes mu-cta-band {
    0%   { transform: translateX(-190%) skewX(-9deg); opacity: 0; }
    12%  { opacity: .5; }
    40%  { transform: translateX(420%) skewX(-9deg); opacity: .5; }
    58%, 100% { transform: translateX(420%) skewX(-9deg); opacity: 0; }
}
.mu-cta__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.mu-cta__copy { max-width: 640px; }
.mu-cta__title {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 800;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: 10px;
}
.mu-cta__desc {
    font-size: 15px;
    color: var(--text-muted-on-dark);
    letter-spacing: .04em;
}
.mu-cta__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.mu-cta__btns { display: flex; align-items: center; gap: 12px; }
.mu-cta__btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    height: 46px; padding: 0 26px;
    font-size: 15px; font-weight: 600; letter-spacing: .02em;
    border-radius: var(--radius-lg);
    white-space: nowrap;
    transition: background-position .42s cubic-bezier(.3,.8,.3,1), background-color .3s ease,
                color .25s ease, border-color .3s ease, transform .22s ease, box-shadow .22s ease;
}
/* 添加微信：蓝底白字，hover 白色从左向右刷过变白底蓝字 */
.mu-cta__btn--wechat {
    position: relative;
    overflow: hidden;
    background-color: var(--muan-blue);
    background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, var(--muan-blue) 50%, var(--muan-blue) 100%);
    background-size: 220% 100%;
    background-position: 100% 50%;
    color: #fff;
    box-shadow: 0 8px 20px rgba(10,132,200,.30);
}
.mu-cta__btn--wechat:hover {
    background-position: 0% 50%;
    color: var(--muan-blue);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(10,132,200,.34);
}
.mu-cta__btn--wechat:active { transform: translateY(0) scale(.97); }
/* 电话咨询：透明底白边白字，hover 变蓝底白字 */
.mu-cta__btn--phone {
    border: 1px solid rgba(255,255,255,.45);
    color: #fff;
    background-color: transparent;
}
.mu-cta__btn--phone:hover {
    background-color: var(--muan-blue);
    border-color: var(--muan-blue);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(10,132,200,.34);
}
.mu-cta__btn--phone:active { transform: translateY(0) scale(.97); }
.mu-cta__note {
    margin-top: 14px;
    font-size: 12.5px;
    color: rgba(159,176,196,.75);
    letter-spacing: .06em;
}

/* ---------- 右侧悬浮客服条（全站通用：添加微信 / 拨打电话）
 * 贴边大方块：贴右边缘、左侧圆角右侧直角，每块「图标 + 文字」常显
 * 白色毛玻璃 + 主色 hover，大气且辨识度高 ---------- */
.mu-floatbar {
    position: fixed;
    right: 0;
    top: calc(50% + 130px);             /* 下移避开首屏 Hero 右侧轮播切换按钮（箭头在垂直居中处） */
    transform: translateY(-50%);
    z-index: 880;                       /* 低于导航 900，高于页面内容 */
    display: flex;
    flex-direction: column;
    padding: 8px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(12px) saturate(150%);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    border: 1px solid rgba(15,36,66,.08);
    border-right: none;                 /* 贴边：右边缘无线 */
    border-radius: 14px 0 0 14px;       /* 左侧圆角，右侧贴边直角 */
    box-shadow: -6px 10px 30px rgba(8,14,26,.10);
}
.mu-floatbar__btn {
    position: relative;
    width: 62px;
    height: 76px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #2A3546;                     /* 深灰图标 + 文字 */
    font-size: 13px; font-weight: 600;
    /* 科技感光效：白色光泽层（hover 时从左向右扫过），叠加在底色之上 */
    background-image: linear-gradient(110deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.25) 50%, rgba(255,255,255,0) 65%);
    background-size: 260% 100%;
    background-position: 130% 0;
    background-repeat: no-repeat;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}
.mu-floatbar__btn:hover {
    background-color: var(--muan-blue);
    background-position: -30% 0;        /* 光泽从右扫到左 */
    color: #fff;
    transform: translateX(-3px);
    transition: background-color .3s ease, background-position .55s ease, color .25s ease, transform .25s ease;
}
.mu-floatbar__btn:active { transform: scale(.94); }
/* hover 图标弹跳：先放大上浮再归位 */
.mu-floatbar__btn svg { transition: transform .25s ease; }
.mu-floatbar__btn:hover svg { animation: mu-fb-pop .5s ease; }
@keyframes mu-fb-pop {
    0%, 100% { transform: scale(1); }
    35%      { transform: scale(1.2) translateY(-2px); }
}
/* hover 脉冲环：从按钮中心向外扩散（雷达扫描感） */
.mu-floatbar__btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 1.5px solid rgba(120,210,255,.9);
    opacity: 0;
    pointer-events: none;
}
.mu-floatbar__btn:hover::after { animation: mu-fb-ring 1.4s ease-out infinite; }
@keyframes mu-fb-ring {
    0%   { transform: scale(1);   opacity: .75; }
    100% { transform: scale(1.4); opacity: 0; }
}
.mu-floatbar__label { line-height: 1; letter-spacing: .06em; }
/* 两个按钮之间细分隔线 */
.mu-floatbar__divider {
    width: 30px; height: 1px;
    background: rgba(15,36,66,.10);
    margin: 4px auto;
}

/* ---------- 微信二维码弹层（添加微信 → 弹出；遮罩 / ESC / 关闭按钮收起）---------- */
.mu-wechat {
    position: fixed; inset: 0;
    z-index: 980;                    /* 高于导航 900 / 搜索 950 */
    display: flex; align-items: center; justify-content: center;
    padding: 24px;
    visibility: hidden;
}
.mu-wechat.is-open { visibility: visible; }
.mu-wechat__backdrop {
    position: absolute; inset: 0;
    background: rgba(8,14,26,.58);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0;
    transition: opacity .32s ease;
}
.mu-wechat.is-open .mu-wechat__backdrop { opacity: 1; }
.mu-wechat__panel {
    position: relative;
    z-index: 1;
    width: 100%; max-width: 360px;
    background: #fff;
    border-radius: 16px;
    padding: 34px 32px 30px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    text-align: center;
    box-shadow: 0 30px 70px rgba(8,14,26,.35);
    transform: translateY(18px) scale(.96);
    opacity: 0;
    transition: transform .36s cubic-bezier(.2,.8,.25,1), opacity .3s ease;
}
.mu-wechat.is-open .mu-wechat__panel { transform: translateY(0) scale(1); opacity: 1; }
.mu-wechat__close {
    position: absolute; top: 14px; right: 14px;
    width: 34px; height: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    color: rgba(20,30,46,.5);
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.mu-wechat__close:hover { background: rgba(10,132,200,.1); color: var(--muan-blue); }
.mu-wechat__close:active { transform: scale(.86); }
/* 微信二维码图片（资料包 qrcode.png，白底圆角展示） */
.mu-wechat__qr {
    width: 208px; height: 208px;
    margin: 4px auto 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 2px 12px rgba(10,20,40,.08);
    overflow: hidden;
}
.mu-wechat__qr img {
    width: 100%; height: 100%;
    object-fit: contain;
    display: block;
}
.mu-wechat__title {
    margin-top: 22px;
    font-size: 19px; font-weight: 700;
    color: #141E2E;
}
.mu-wechat__id {
    margin-top: 8px;
    font-size: 14.5px;
    color: #5A6678;
}
.mu-wechat__id span { color: var(--muan-blue); font-weight: 600; }
.mu-wechat__copy {
    margin-top: 18px;
    height: 44px; padding: 0 30px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 600;
    color: #fff;
    background-color: var(--muan-blue);
    border-radius: var(--radius-lg);
    transition: background-color .25s ease, transform .2s ease;
}
.mu-wechat__copy:hover { background-color: var(--muan-blue-dark); transform: translateY(-1px); }
.mu-wechat__copy:active { transform: scale(.97); }
.mu-wechat__copy.is-copied { background-color: #1FA46B; }
.mu-wechat__tip {
    margin-top: 16px;
    font-size: 13px;
    color: #8A94A6;
}
.mu-wechat__tip a { color: var(--muan-blue); font-weight: 600; }
.mu-wechat__tip a:hover { text-decoration: underline; }

/* ---------- 全站页脚（docx 页脚：5 列 + 版权行）---------- */
.mu-footer { background: #0A0A0A; padding: 72px 0 32px; }
.mu-footer__cols {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.mu-footer__brand-logo { height: 34px; margin-bottom: 16px; }
.mu-footer__brand-text {
    font-size: 14px; line-height: 2;
    color: rgba(255,255,255,.55);
}
.mu-footer__col-title {
    font-size: 14px; font-weight: 600;
    letter-spacing: .06em;
    color: #fff;
    margin-bottom: 18px;
}
.mu-footer__links { list-style: none; }
.mu-footer__link {
    font-size: 14px; line-height: 2.2;
    color: rgba(255,255,255,.55);
    transition: color .3s ease;
}
.mu-footer__link:hover { color: #7ED4FF; }
.mu-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    font-size: 13px;
    color: rgba(255,255,255,.4);
}
.mu-footer__beian {
    color: rgba(255,255,255,.4);
    transition: color .3s ease;
}
.mu-footer__beian:hover { color: #7ED4FF; }

/* ---------- 5. 页面待开发（其他 7 个页面临时返回的字符串样式兜底）---------- */
body:has(.mu-page-temp) { background: #F7FAFC; }
.mu-page-temp {
    text-align: center;
    padding: 140px 20px 80px;
    color: var(--muan-blue);
}
.mu-page-temp div { color: #6b7280; margin-top: 20px; font-size: 16px; }

/* ============================================================
 *  6. 滚屏特效 & 微交互（用户要求：首页滚动要有高级感）
 *  - IntersectionObserver reveal 渐显（滚动到视口才出现）
 *  - Hero 文字视差（滚动时分层上移+渐隐，大疆官网同款）
 *  - 语言切换下拉交互
 *  - 卡片/图片悬停放大
 *  - 自定义滚动条 + 平滑滚动
 * ============================================================ */

/* ---------- 6.1 语言切换按钮 + 下拉菜单 ---------- */
.mu-nav__lang { position: relative; }
.mu-nav__lang-btn {
    display: inline-flex; align-items: center; gap: 6px;
    height: 36px; padding: 0 12px 0 10px;
    border-radius: var(--radius-lg);
    font-size: 13.5px; font-weight: 500;
    color: currentColor;
    transition: background-color .18s ease, color .18s ease;
}
.mu-nav__lang-btn:hover { background-color: rgba(255,255,255,.1); }
.mu-nav.is-scrolled .mu-nav__lang-btn:hover { background-color: rgba(10,132,200,.08); color: var(--muan-blue); }
.mu-nav__lang-chevron {
    transition: transform .2s ease;
    opacity: .7;
}
.mu-nav__lang.is-open .mu-nav__lang-chevron { transform: rotate(180deg); }
/* 下拉菜单 */
.mu-nav__lang-menu {
    position: absolute; right: 0; top: calc(100% + 8px);
    min-width: 160px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);
    padding: 6px;
    list-style: none;
    opacity: 0; visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 1000;
    color: #1a1a1a;
    border: 1px solid rgba(0,0,0,.05);
}
.mu-nav__lang.is-open .mu-nav__lang-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.mu-nav__lang-menu li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.mu-nav__lang-menu li:hover { background-color: rgba(10,132,200,.08); color: var(--muan-blue); }
.mu-nav__lang-menu li[aria-selected="true"] {
    background-color: rgba(10,132,200,.1);
    color: var(--muan-blue);
    font-weight: 600;
}
.mu-nav__lang-menu li[aria-selected="true"]::after {
    content: "✓";
    font-size: 14px;
    margin-left: 8px;
}
.mu-nav__lang-short {
    font-size: 12px; opacity: .7; margin-left: 12px;
    font-family: "SF Mono", Consolas, monospace;
}

/* ---------- 6.2 自定义滚动条 + 平滑滚动（体验提升）---------- */
html {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 999px;
    border: 2px solid #F1F5F9;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--muan-blue);
    border-color: #E6F2FA;
}
body {
    scrollbar-gutter: stable;
}

/* ---------- 6.3 Reveal 渐显（滚动进入视口才淡入上移，IntersectionObserver 加 .is-visible）---------- */
.reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform;
    /* 尊重用户的「减少动画」设置 */
    @media (prefers-reduced-motion: reduce) {
        opacity: 1 !important; transform: none !important; transition: none !important;
    }
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}
/* 延迟渐显（Hero 用的错位动画，从 eyebrow → title → subtitle → CTA 依次出现）*/
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .20s; }
.reveal-delay-3 { transition-delay: .32s; }
.reveal-delay-4 { transition-delay: .44s; }
.reveal-delay-5 { transition-delay: .56s; }

/* ---------- 6.4 Hero 视差（滚动时，Hero 内部三层以不同速率上移+渐隐，制造景深感）---------- */
/* 通过 main.js 给 .mu-hero 加 --scroll-ratio（0~1，越大滚的越远） */
.mu-hero {
    --scroll-ratio: 0;
}
.mu-hero__bg {
    /* 背景图视差：滚动时缓慢下移（相对 Hero 框本身），制造景深感 */
    transform:
        scale(calc(1.08 - var(--scroll-ratio) * 0.06))
        translateY(calc(var(--scroll-ratio) * 40px));
}
.mu-hero__content {
    /* 文字视差：滚动时缓慢上移 + 渐隐 */
    transform: translateY(calc(var(--scroll-ratio) * -90px));
    opacity: calc(1 - var(--scroll-ratio) * 1.1);
    transition: transform .05s linear, opacity .05s linear;
    will-change: transform, opacity;
}
/* 箭头/指示器视差：滚到一半就隐藏 */
.mu-hero__dots,
.mu-hero__arrow {
    opacity: calc(1 - var(--scroll-ratio) * 2);
    transition: opacity .05s linear;
}

/* ---------- 6.5 通用悬停放大（卡片/图片用，微交互）---------- */
.mu-hover-img {
    transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .3s ease;
}
.mu-hover-img:hover {
    transform: scale(1.04);
    filter: saturate(1.1) brightness(1.03);
}
.mu-hover-card {
    transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
}
.mu-hover-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(0,0,0,.10);
}

/* ---------- 6.6 导航动效优化：滚动时高度从 72 → 64，更紧凑 ---------- */
:root {
    --nav-h-scrolled: 64px;
}
.mu-nav {
    transition:
        background-color .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        height .3s ease;
}
.mu-nav.is-scrolled {
    height: var(--nav-h-scrolled);
}
.mu-nav__inner {
    transition: padding .3s ease;
}
.mu-nav.is-scrolled .mu-nav__inner {
    padding-top: 0;
    padding-bottom: 0;
}

/* ---------- 6.7 滚动进入动画：小签名装饰（蓝色左侧点睛条）---------- */
.mu-accent-bar {
    width: 36px;
    height: 3px;
    background: linear-gradient(90deg, var(--muan-blue), #3BB7F2);
    border-radius: 999px;
    margin-bottom: 18px;
}

/* ---------- 7. 第二屏：产品矩阵（4 张型号卡 muanbot-x6~x9，大疆产品网格风格）---------- */
.mu-products {
    padding: 110px 0 120px;
    background: #fff;                     /* 用户偏好：默认白背景 */
}

/* 区块标题（产品矩阵/创新故事/解决方案/服务支持通用）：
   左对齐 + 标题左侧蓝色渐变竖线装饰，超大主标题 + 单行副标题，更大气 */
.mu-section-head {
    text-align: left;
    margin-bottom: 56px;
}
.mu-section-head__title {
    position: relative;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    color: #0D1526;
    letter-spacing: -0.025em;
    line-height: 1.18;
    margin-bottom: 16px;
    padding-left: 18px;
}
.mu-section-head__title::before {
    content: "";
    position: absolute; left: 0; top: .16em; bottom: .16em;
    width: 4px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--muan-blue), #4FC3F7);
}
.mu-section-head__desc {
    font-size: 17px; line-height: 1.8;
    color: #5A6678;
    max-width: 660px;
}
/* 居中区块头（使命与愿景等） */
.mu-section-head--center { text-align: center; }
.mu-section-head--center .mu-section-head__title { padding-left: 0; }
.mu-section-head--center .mu-section-head__title::before { display: none; }
.mu-section-head--center .mu-section-head__desc { margin-left: auto; margin-right: auto; }

/* 2 列网格：4 个产品 = 2 行 × 2 列（响应式：≤640 → 1 列）*/
.mu-products__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

/* 产品矩阵：单产品模式（仅发布 1 个产品时，占满整行显示） */
.mu-products__grid--1 {
    grid-template-columns: repeat(1, 1fr);
}
/* 单产品占满整行时，图片用超宽横幅比例（21:9），控制整体高度不过高 */
.mu-products__grid--1 .mu-product-card__media {
    aspect-ratio: 21 / 9;
}

/* 卡片：大疆风格——直角大图 + 文字信息叠加在图片上，hover 上浮 + 图片微缩放 */
.mu-product-card {
    display: block;
    background: #0B1220;
    overflow: hidden;
    transition:
        transform .4s cubic-bezier(.2,.7,.2,1),
        box-shadow .4s ease;
}
.mu-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 52px rgba(8,20,38,.22);
}

/* 图片区：4:3 横向比例，整卡铺满，hover 微缩放 */
.mu-product-card__media {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #E8EEF6;
}
.mu-product-card__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-product-card:hover .mu-product-card__media img { transform: scale(1.07); }

/* 底部渐变遮罩：保证图上白字可读 */
.mu-product-card__media::after {
    content: "";
    position: absolute; inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(6,14,26,0) 30%, rgba(6,14,26,.85) 100%);
}

/* 信息区：叠加在图片底部 */
.mu-product-card__info {
    position: absolute; left: 0; right: 0; bottom: 0;
    z-index: 2;
    padding: 30px 28px 26px;
}
.mu-product-card__cat {
    display: block;
    font-size: 13px; font-weight: 600; letter-spacing: .1em;
    color: #7ED4FF;
    margin-bottom: 8px;
}
.mu-product-card__name {
    font-size: 24px; font-weight: 700;
    color: #fff;
    letter-spacing: -.01em;
    margin-bottom: 16px;
    transition: transform .4s cubic-bezier(.2,.7,.2,1);
}
.mu-product-card:hover .mu-product-card__name { transform: translateY(-4px); }

/* 文字链（了解更多 / 立即咨询）——图上白字，hover 亮蓝 + 箭头右移 */
.mu-product-card__links { display: flex; gap: 24px; }
.mu-product-card__link {
    font-size: 14px; font-weight: 500;
    color: rgba(255,255,255,.88);
    transition: color .25s ease;
}
.mu-product-card__link i {
    font-style: normal;
    display: inline-block;
    transition: transform .3s cubic-bezier(.2,.8,.25,1.4);
}
.mu-product-card__link:hover { color: #8FD8FF; }
.mu-product-card__link:hover i { transform: translateX(6px); }

/* 产品矩阵响应式 */
@media (max-width: 1024px) {
    .mu-products__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .mu-products__grid--1 { grid-template-columns: repeat(1, 1fr); }   /* 单产品始终占满一行 */
    .mu-section-head__title { font-size: 40px; }
}
@media (max-width: 640px) {
    .mu-products { padding: 70px 0 80px; }
    .mu-products__grid { grid-template-columns: 1fr; }
    .mu-product-card__info { padding: 24px 20px 20px; }
    .mu-product-card__name { font-size: 20px; }
    .mu-section-head { margin-bottom: 40px; }
    .mu-section-head__title { font-size: 32px; }
    .mu-section-head__desc { font-size: 16px; }
}

/* ===== 导航响应式（≤1024px：汉堡 + 抽屉，顶部隐藏购买渠道按钮，≤640px 精简右侧动作） ===== */
@media (max-width: 1024px) {
    .mu-nav__menu { display: none; }
    .mu-nav__lang { display: none; }
    .mu-nav__hamburger { display: flex; }
    .mu-nav__btn-primary { display: none; }   /* 移动端顶部不再显示购买渠道按钮 */
}
@media (max-width: 640px) {
    .mu-nav__inner { padding: 0 20px; }
    .mu-nav__logo { height: 27px; }
    .mu-nav__actions { gap: 4px; }
}

/* ---------- 移动端抽屉菜单（汉堡打开的全屏毛玻璃菜单） ---------- */
.mu-drawer {
    position: fixed; inset: 0; z-index: 960;
    visibility: hidden;
}
.mu-drawer.is-open { visibility: visible; }
.mu-drawer__backdrop {
    position: absolute; inset: 0;
    background: rgba(8,14,26,.55);
    opacity: 0;
    transition: opacity .3s ease;
}
.mu-drawer.is-open .mu-drawer__backdrop { opacity: 1; }
.mu-drawer__panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: min(86vw, 360px);
    background: linear-gradient(180deg, #0F1B2E 0%, #0B1220 100%);
    border-left: 1px solid rgba(255,255,255,.08);
    display: flex; flex-direction: column;
    padding: 22px 26px 34px;
    transform: translateX(100%);
    transition: transform .38s cubic-bezier(.2,.8,.25,1);
    overflow-y: auto;
}
.mu-drawer.is-open .mu-drawer__panel { transform: translateX(0); }
.mu-drawer__head {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.mu-drawer__logo { height: 28px; width: auto; }
.mu-drawer__close {
    width: 38px; height: 38px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    color: rgba(255,255,255,.7); background: rgba(255,255,255,.06);
    transition: background-color .2s ease, color .2s ease, transform .25s ease;
}
.mu-drawer__close:hover { background-color: rgba(10,132,200,.25); color: #fff; }
.mu-drawer__close:active { transform: scale(.88); }
.mu-drawer__nav {
    flex: 1;
    display: flex; flex-direction: column;
    padding: 18px 0;
    gap: 4px;
}
.mu-drawer__link {
    position: relative;
    display: flex; align-items: center;
    padding: 15px 16px;
    font-size: 17px; font-weight: 600; letter-spacing: .03em;
    color: rgba(255,255,255,.88);
    border-radius: 10px;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.mu-drawer__link::after {
    content: ""; position: absolute; right: 16px; top: 50%;
    width: 6px; height: 6px; border-radius: 50%;
    background: transparent;
    transform: translateY(-50%);
    transition: background-color .2s ease, box-shadow .2s ease;
}
.mu-drawer__link:hover { background-color: rgba(10,132,200,.14); color: #fff; transform: translateX(4px); }
.mu-drawer__link--active { background: rgba(10,132,200,.18); color: #7FD4FF; }
.mu-drawer__link--active::after { background: var(--muan-blue); box-shadow: 0 0 10px rgba(10,132,200,.9); }
.mu-drawer__foot {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.mu-drawer__tel {
    display: flex; align-items: center; gap: 10px;
    font-size: 17px; font-weight: 700; letter-spacing: .02em;
    color: #7FD4FF;
    padding: 6px 2px;
    transition: color .2s ease;
}
.mu-drawer__tel:hover { color: #fff; }
.mu-drawer__tel svg { flex: none; }
.mu-drawer__hours { margin-top: 8px; font-size: 13px; color: rgba(255,255,255,.5); }

/* ===== 首页 Hero 响应式 ===== */
@media (max-width: 1024px) {
    .mu-hero__wrap { padding: 0 32px; }
    .mu-hero__content { max-width: 520px; }
    .mu-hero__eyebrow { font-size: 19px; }
}
@media (max-width: 768px) {
    .mu-hero__wrap { padding: var(--nav-h) 24px 13vh; }
    .mu-hero__content { max-width: 100%; }
    .mu-hero__eyebrow { font-size: 16px; margin-bottom: 12px; }
    .mu-hero__title { font-size: clamp(40px, 10vw, 64px); margin-bottom: 14px; }
    .mu-hero__subtitle { font-size: 15px; line-height: 1.6; margin-bottom: 28px; }
    .mu-hero__cta-row { gap: 20px; }
    /* 遮罩：左侧更重，保证白字清晰 */
    .mu-hero__mask {
        background: linear-gradient(
            90deg,
            rgba(0,0,0,0.92) 0%,
            rgba(0,0,0,0.78) 40%,
            rgba(0,0,0,0.5) 72%,
            rgba(0,0,0,0.3) 100%
        );
    }
    /* 小屏隐藏左右箭头，圆点上移避开底部浮动联系条（浮动条高约 59px + 安全区） */
    .mu-hero__arrow { display: none; }
    .mu-hero__dots { bottom: 78px; }
    .mu-hero__dot { width: 8px; height: 8px; }
}
@media (max-width: 640px) {
    .mu-hero { min-height: 560px; }
    /* 移动端：文字垂直居中偏下（不再贴底），底部留少量空白避开浮动联系条 */
    .mu-hero__wrap { padding: var(--nav-h) 20px 48px; display: flex; align-items: center; }
    .mu-hero__eyebrow { font-size: 14px; padding-left: 12px; }
    .mu-hero__title { white-space: normal; font-size: clamp(34px, 11vw, 50px); letter-spacing: -.02em; }
    .mu-hero__title-char { letter-spacing: 0; }
    .mu-hero__subtitle { max-width: 92%; }
}

/* ===== 首页内容区通用移动端收窄 ===== */
@media (max-width: 640px) {
    .mu-wrap { padding: 0 20px; }
    .mu-section-head { text-align: left; }
    .mu-section-head__title { font-size: 28px; letter-spacing: -.01em; }
    .mu-section-head__desc { font-size: 15px; }
}

/* ===== 平板（768px）折行：关于牧安单列、统计 2×2 收窄 ===== */
@media (max-width: 768px) {
    .mu-about__grid { grid-template-columns: 1fr; gap: 32px; }
    .mu-about__media { aspect-ratio: 16 / 9; }
    .mu-story__stats { gap: 32px 20px; }
    .mu-solutions__grid .mu-solution-card:last-child { aspect-ratio: 16 / 5; }
}

/* ===== 搜索弹层移动端 ===== */
@media (max-width: 640px) {
    .mu-search__panel { padding: calc(var(--nav-h) + 18px) 20px 20px; }
    .mu-search__form { gap: 8px; padding-bottom: 10px; }
    .mu-search__form > svg { width: 20px; height: 20px; }
    .mu-search__input { font-size: 16px; height: 44px; }
    .mu-search__submit { padding: 0 14px; height: 40px; }
    .mu-search__close { width: 36px; height: 36px; }
}

/* ===== 新增首页区块响应式 ===== */
@media (max-width: 1024px) {
    .mu-about, .mu-story, .mu-solutions, .mu-service, .mu-cases { padding: 72px 0; }
    .mu-cases__item { flex-basis: calc((100% - 48px) / 4); max-width: calc((100% - 48px) / 4); min-width: 130px; }
    .mu-about__grid { gap: 40px; }
    .mu-story__stats { grid-template-columns: repeat(2, 1fr); gap: 36px 24px; }
    .mu-solutions__grid { grid-template-columns: repeat(2, 1fr); }
    .mu-solutions__grid .mu-solution-card:last-child {
        grid-column: 1 / -1;
        aspect-ratio: 16 / 6;
    }
    .mu-service__grid { grid-template-columns: 1fr; }
    .mu-cta { padding: 56px 0; }
    .mu-footer__cols { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 640px) {
    .mu-about, .mu-cases { padding: 64px 0; }
    .mu-cases__wall { gap: 12px; margin-top: 32px; }
    .mu-cases__item { flex-basis: calc((100% - 12px) / 2); max-width: calc((100% - 12px) / 2); min-width: 0; height: 76px; }
    .mu-cases__link { padding: 10px 12px; }
    .mu-about__grid { grid-template-columns: 1fr; gap: 36px; }
    .mu-about__intro { font-size: 15px; line-height: 1.9; }
    .mu-story__cards { grid-template-columns: 1fr; gap: 20px; }
    .mu-story__card { aspect-ratio: 4 / 5; min-height: 340px; }
    .mu-story__stats { margin-top: 48px; padding: 36px 24px; }
    .mu-solutions__grid { grid-template-columns: 1fr; }
    .mu-solutions__grid .mu-solution-card:last-child { grid-column: auto; aspect-ratio: 4 / 5; }
    .mu-service-card { padding: 28px 22px 26px; }
    /* 留资引导移动端：左右分栏 → 上下堆叠，按钮竖排全宽，弹层单屏 */
    .mu-cta { padding: 44px 0; }
    .mu-cta__inner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 20px; }
    .mu-cta__desc { font-size: 14.5px; line-height: 1.7; }
    .mu-cta__actions { align-items: stretch; width: 100%; }
    .mu-cta__btns { flex-direction: column; gap: 12px; }
    .mu-cta__btn { width: 100%; max-width: none; height: 48px; }
    .mu-cta__note { margin-top: 12px; }
    /* 悬浮客服条移动端：右侧贴边 → 改为底部浮动横条（微信 + 电话横排均分，贴屏幕底部） */
    .mu-floatbar {
        left: 0; right: 0; bottom: 0; top: auto;
        transform: none;
        flex-direction: row;            /* 竖排 → 横排 */
        align-items: stretch;
        padding: 0;
        padding-bottom: env(safe-area-inset-bottom, 0px); /* iPhone 底部安全区 */
        border: none;
        border-top: 1px solid rgba(15,36,66,.10);
        border-radius: 0;
        box-shadow: 0 -4px 20px rgba(8,14,26,.08);
        background: rgba(255,255,255,.97);
    }
    .mu-floatbar__btn {
        flex: 1;                        /* 两按钮均分整条宽度 */
        height: 58px;
        border-radius: 0;
        flex-direction: row;            /* 图标 + 文字横排 */
        gap: 8px;
        font-size: 15px;
    }
    .mu-floatbar__btn:active { transform: scale(.97); }
    .mu-floatbar__label { font-size: 15px; }
    .mu-floatbar__divider {
        width: 1px; height: 30px;
        margin: auto 0;                 /* 竖线分隔，垂直居中 */
    }
    .mu-wechat { padding: 16px; }
    .mu-wechat__panel { max-width: 320px; padding: 28px 22px 24px; }
    .mu-wechat__qr { width: 176px; height: 176px; }
    .mu-footer { padding: 40px 0 calc(24px + 74px); }  /* 底部留白：避免被浮动联系条遮挡 */
    .mu-footer__cols { display: none; }                 /* 移动端隐藏品牌列与导航列，仅保留版权 + 备案号 */
    .mu-footer__bottom { flex-direction: column; gap: 8px; text-align: center; padding-top: 0; }
}

/* ============================================================
 * 子页面通用组件（关于我们 / 解决方案 / 服务支持 / 联系我们 等复用）
 * ============================================================ */

/* ---------- 子页面 Hero：品牌形象大图 + 渐变遮罩 + 面包屑 + 标签 + 标题 ---------- */
.mu-page-hero {
    position: relative;
    min-height: 480px;
    padding: 150px 0 90px;          /* 顶部预留导航高度，内容靠下 */
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: var(--text-on-dark);
    background-color: #0B1220;
}
.mu-page-hero__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
}
.mu-page-hero__mask {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(6,10,18,.92) 0%, rgba(6,10,18,.55) 45%, rgba(6,10,18,.2) 100%);
}
.mu-page-hero__inner {
    position: relative; z-index: 1;
    max-width: 860px;
    padding-top: 20px;
}

/* 面包屑：白字半透明，分隔符 / */
.mu-crumbs {
    display: flex; align-items: center; gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,.65);
    margin-bottom: 26px;
}
.mu-crumbs a { color: rgba(255,255,255,.65); transition: color .2s ease; }
.mu-crumbs a:hover { color: #fff; }
.mu-crumbs i { font-style: normal; color: rgba(255,255,255,.35); }
.mu-crumbs__cur { color: rgba(255,255,255,.95); }

/* 标签：蓝色高亮小字（如「关于牧安」） */
.mu-page-hero__tag {
    display: inline-block;
    font-size: 14px; font-weight: 600; letter-spacing: .12em;
    color: #7ED4FF;
    padding: 6px 14px;
    border: 1px solid rgba(126,212,255,.4);
    border-radius: 999px;
    margin-bottom: 22px;
    background: rgba(10,132,200,.12);
}
.mu-page-hero__title {
    font-size: clamp(34px, 4.6vw, 56px);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.15;
    margin-bottom: 18px;
}
.mu-page-hero__desc {
    font-size: 16.5px; line-height: 1.8;
    color: rgba(255,255,255,.8);
    max-width: 640px;
}

/* ---------- 3. 使命与愿景（3 卡片） ---------- */
.mu-mission { padding: 100px 0; background: #F4F8FC; }
.mu-mission__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.mu-mission__card {
    position: relative;
    padding: 40px 34px 36px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.1);
    border-radius: 12px;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-mission__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.32);
}
.mu-mission__num {
    position: absolute; top: 20px; right: 24px;
    font-size: 44px; font-weight: 900;
    color: rgba(10,132,200,.08);
    letter-spacing: -.02em;
    transition: color .35s ease;
}
.mu-mission__card:hover .mu-mission__num { color: rgba(10,132,200,.2); }
.mu-mission__name {
    font-size: 22px; font-weight: 800;
    color: #0D1526;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--muan-blue);
    display: inline-block;
}
.mu-mission__desc {
    font-size: 15px; line-height: 1.85;
    color: #5A6678;
}

/* ---------- 4. 发展历程（时间轴） ---------- */
.mu-journey { padding: 110px 0 120px; background: #fff; }
.mu-journey__list {
    list-style: none;
    margin: 0;
    position: relative;
    display: grid;
    gap: 0;
}
.mu-journey__list::before {
    content: "";
    position: absolute;
    left: 96px; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(10,132,200,.1), rgba(10,132,200,.5), rgba(10,132,200,.1));
}
.mu-journey__item {
    position: relative;
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 0;
    padding: 22px 0;
}
.mu-journey__year {
    position: relative;
    z-index: 1;
    width: 96px;
    font-size: 18px; font-weight: 800;
    color: var(--muan-blue);
    padding-right: 28px;
    text-align: right;
    line-height: 1.4;
}
.mu-journey__year::after {
    content: "";
    position: absolute;
    top: 6px; right: 7px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--muan-blue);
    box-shadow: 0 0 0 4px rgba(10,132,200,.12);
}
.mu-journey__body {
    padding: 6px 0 6px 40px;
}
.mu-journey__name {
    font-size: 19px; font-weight: 700;
    color: #0D1526;
    margin-bottom: 6px;
}
.mu-journey__desc {
    font-size: 15px; line-height: 1.7;
    color: #5A6678;
}

/* ---------- 5. 专利资质（专利证书墙：5 列 × 2 排，图片后期改为后台上传） ---------- */
.mu-patent { padding: 100px 0; background: #F4F8FC; }
.mu-patent__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}
.mu-patent__card {
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.1);
    box-shadow: 0 10px 26px rgba(10,60,110,.08);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-patent__card::after {
    content: "";
    position: absolute; inset: 6px;
    border: 1px solid rgba(10,132,200,.12);
    pointer-events: none;
}
.mu-patent__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10,60,110,.14);
    border-color: rgba(10,132,200,.32);
}
.mu-patent__card img {
    width: 100%;
    display: block;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}
/* 无证书图时的替代文案（后台未传图片或未配置数据时展示） */
.mu-patent__name {
    display: flex; align-items: center; justify-content: center;
    width: 100%; aspect-ratio: 3 / 4;
    padding: 12px; text-align: center;
    font-size: 15px; font-weight: 600; line-height: 1.5; color: #5A6B7F;
}
.mu-patent__empty {
    grid-column: 1 / -1;
    text-align: center; color: #8A97A6; font-size: 15px; padding: 30px 0;
}

/* ---------- 关于我们页响应式 ---------- */
@media (max-width: 1024px) {
    .mu-mission__grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .mu-patent__grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
}
@media (max-width: 640px) {
    .mu-page-hero { min-height: 400px; padding: 130px 0 60px; }
    .mu-page-hero__title { font-size: 30px; }
    .mu-page-hero__desc { font-size: 15px; }
    .mu-journey { padding: 70px 0 80px; }
    .mu-mission, .mu-patent { padding: 64px 0; }
    .mu-patent__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .mu-journey__list::before { left: 12px; }
    .mu-journey__item { position: relative; display: grid; grid-template-columns: 24px 1fr; padding: 16px 0; }
    /* 年份文字移入正文列顶部，避免文字横穿竖线；圆点改为锚定条目左列 */
    .mu-journey__year {
        grid-column: 2; grid-row: 1;
        position: static;
        width: auto; text-align: left; padding: 0 0 6px;
        font-size: 14px;
    }
    .mu-journey__year::after {
        position: absolute; left: 7px; top: 20px;
        right: auto;
        width: 12px; height: 12px;
    }
    .mu-journey__body { grid-column: 2; grid-row: 2; padding: 0; }
}

/* ============================================================
 * 产品详情页 — muanbot-x6（P2）
 * ============================================================ */

/* ---------- 1. 产品 Hero 区：全屏产品图 + 产品名 + 标语 + CTA ---------- */
.mu-product-hero {
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--text-on-dark);
    background-color: #0B1220;
}
.mu-product-hero__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    animation: mu-product-hero-breathe 10s ease-in-out 1.2s infinite;
}
@keyframes mu-product-hero-breathe {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.05); }
}
.mu-product-hero__mask {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(6,10,18,.94) 0%, rgba(6,10,18,.6) 48%, rgba(6,10,18,.18) 100%);
}
.mu-product-hero__inner {
    position: relative; z-index: 1;
    max-width: 780px;
    padding-top: 20px;
}
.mu-product-hero__tag {
    display: inline-block;
    font-size: 15px; font-weight: 600; letter-spacing: .12em;
    color: #7ED4FF;
    padding: 6px 16px;
    border: 1px solid rgba(126,212,255,.4);
    border-radius: 999px;
    margin-bottom: 24px;
    background: rgba(10,132,200,.12);
}
.mu-product-hero__name {
    font-size: clamp(44px, 6.4vw, 84px);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.05;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.mu-product-hero__fullname {
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 600;
    color: rgba(255,255,255,.92);
    margin-bottom: 20px;
}
.mu-product-hero__desc {
    font-size: 16.5px; line-height: 1.8;
    color: rgba(255,255,255,.78);
    max-width: 560px;
    margin-bottom: 40px;
}
.mu-product-hero__cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.mu-product-hero__btn {
    display: inline-flex; align-items: center; gap: 8px;
    height: 52px; padding: 0 34px;
    font-size: 15.5px; font-weight: 600;
    border-radius: var(--radius-lg);
    transition: transform .22s ease, background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.mu-product-hero__btn span { transition: transform .25s ease; }
.mu-product-hero__btn:hover span { transform: translateX(4px); }
.mu-product-hero__btn--primary {
    background-color: var(--muan-blue);
    color: #fff;
    box-shadow: 0 10px 24px rgba(10,132,200,.35);
}
.mu-product-hero__btn--primary:hover {
    background-color: var(--muan-blue-dark);
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(10,132,200,.4);
}
.mu-product-hero__btn--ghost {
    background-color: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
}
.mu-product-hero__btn--ghost:hover {
    background-color: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.9);
    transform: translateY(-2px);
}

/* ---------- 2. 产品概述（深色科技感：渐变背景 + 网格纹理 + 描边水印 + 扫描框图卡 + 毛玻璃数据卡） ---------- */
.mu-product-ov {
    position: relative;
    overflow: hidden;
    padding: 120px 0 130px;
    background:
        radial-gradient(56% 100% at 88% -20%, rgba(10,132,200,.24) 0%, transparent 62%),
        linear-gradient(140deg, #0B1220 0%, #0E2038 55%, #0B1220 100%);
    color: var(--text-on-dark);
}
/* 细网格纹理（科技感底纹，向右下渐隐） */
.mu-product-ov::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(72% 72% at 28% 42%, #000 0%, transparent 78%);
    mask-image: radial-gradient(72% 72% at 28% 42%, #000 0%, transparent 78%);
    pointer-events: none;
}
/* 右上超大描边水印（呼应核心特性 01~06 的描边数字语言） */
.mu-product-ov__watermark {
    position: absolute;
    right: -1%; top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    font-size: clamp(160px, 22vw, 340px);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255,255,255,.05);
    pointer-events: none;
    user-select: none;
}
.mu-product-ov .mu-wrap { position: relative; z-index: 1; }
.mu-product-ov__grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 72px;
    align-items: center;
}
/* 图片面板：深底蓝边 + 辉光 + 顶部蓝色渐变线 + 4 角扫描框（左上/右下） */
.mu-product-ov__media {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #0E2038;
    border: 1px solid rgba(79,179,232,.3);
    box-shadow: 0 30px 70px rgba(0,0,0,.45), 0 0 44px rgba(10,132,200,.12);
}
.mu-product-ov__media::before {
    content: "";
    position: absolute; inset: 0; z-index: 2;
    background: linear-gradient(180deg, rgba(79,179,232,.16) 0%, rgba(79,179,232,0) 34%);
    pointer-events: none;
}
.mu-product-ov__frame {
    position: absolute; inset: 14px; z-index: 3;
    pointer-events: none;
}
.mu-product-ov__frame::before,
.mu-product-ov__frame::after {
    content: "";
    position: absolute;
    width: 26px; height: 26px;
    border: 2px solid #4FB3E8;
}
.mu-product-ov__frame::before { top: 0; left: 0; border-right: none; border-bottom: none; }
.mu-product-ov__frame::after { bottom: 0; right: 0; border-left: none; border-top: none; }
.mu-product-ov__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-product-ov__media:hover img { transform: scale(1.06); }
/* 英文小标签（PRODUCT OVERVIEW） */
.mu-product-ov__eyebrow {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .32em;
    color: #4FB3E8;
    margin-bottom: 14px;
}
.mu-product-ov__text {
    font-size: 16px; line-height: 2;
    color: rgba(233,240,248,.82);
    margin-bottom: 40px;
}
/* 数据亮点：毛玻璃卡 + 蓝色上边框 + 渐变数字 */
.mu-product-ov__highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.mu-product-ov__hl {
    position: relative;
    padding: 24px 20px 22px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-top: 2px solid #4FB3E8;
    border-radius: 10px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform .35s ease, background-color .35s ease, border-color .35s ease;
}
.mu-product-ov__hl:hover {
    transform: translateY(-4px);
    background: rgba(10,132,200,.14);
    border-color: rgba(79,179,232,.45);
}
.mu-product-ov__hl-num {
    display: block;
    font-size: clamp(28px, 2.8vw, 38px);
    font-weight: 900;
    letter-spacing: -.02em;
    background: linear-gradient(180deg, #7FD4FF, #2AA5E8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}
.mu-product-ov__hl-label {
    font-size: 13px; line-height: 1.65;
    color: rgba(159,176,196,.9);
}
/* ---------- 产品概述：视频（替换图片）+ 右侧文案动态化 ---------- */
.mu-product-ov__video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-product-ov__media:hover .mu-product-ov__video { transform: scale(1.06); }
/* 视频封面播放按钮：点击后隐藏，露出原生 controls（层级低于 4 角扫描框装饰） */
.mu-product-ov__video-cover {
    position: absolute; inset: 0;
    z-index: 2;
    display: flex; align-items: center; justify-content: center;
    background: rgba(8,14,26,.22);
    cursor: pointer;
    transition: opacity .35s ease, visibility .35s ease;
}
.mu-product-ov__video-cover.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.mu-product-ov__video-play {
    display: inline-flex; align-items: center; justify-content: center;
    width: 76px; height: 76px;
    border-radius: 50%;
    color: #fff;
    background: var(--muan-blue);
    box-shadow: 0 0 0 10px rgba(255,255,255,.16), 0 10px 30px rgba(10,132,200,.45);
    transition: transform .3s cubic-bezier(.2,.8,.25,1.4), box-shadow .3s ease;
}
.mu-product-ov__video-play svg { transform: translateX(2px); }
.mu-product-ov__video-cover:hover .mu-product-ov__video-play {
    transform: scale(1.1);
    box-shadow: 0 0 0 16px rgba(255,255,255,.2), 0 14px 38px rgba(10,132,200,.55);
}
.mu-product-ov__video-cover:active .mu-product-ov__video-play { transform: scale(.96); }
/* eyebrow 前脉冲圆点 */
.mu-product-ov__eyebrow::before {
    content: "";
    display: inline-block;
    width: 8px; height: 8px; border-radius: 50%;
    margin-right: 9px;
    vertical-align: 1px;
    background: #4FB3E8;
    animation: mu-pulse-dot 2s ease-out infinite;
}
/* 标题渐变流光 */
.mu-product-ov .mu-section-head__title {
    background: linear-gradient(90deg, #FFFFFF 0%, #7FD4FF 45%, #FFFFFF 70%, #FFFFFF 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: mu-shine-text 5.5s linear infinite;
}
/* 数据卡：顶部扫描光 + 数字呼吸 */
.mu-product-ov__hl { overflow: hidden; }
.mu-product-ov__hl::before {
    content: "";
    position: absolute; top: 0; left: -80%;
    width: 80%; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(143,216,255,.95), transparent);
    animation: mu-scan-line 3.4s ease-in-out infinite;
}
.mu-product-ov__hl-num { animation: mu-num-breathe 3s ease-in-out infinite; }

@keyframes mu-pulse-dot {
    0%   { box-shadow: 0 0 0 0 rgba(79,179,232,.55); }
    70%  { box-shadow: 0 0 0 9px rgba(79,179,232,0); }
    100% { box-shadow: 0 0 0 0 rgba(79,179,232,0); }
}
@keyframes mu-shine-text {
    0%   { background-position: 130% 50%; }
    100% { background-position: -130% 50%; }
}
@keyframes mu-scan-line {
    0%   { left: -80%; }
    55%  { left: 130%; }
    100% { left: 130%; }
}
@keyframes mu-num-breathe {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.05); opacity: .85; }
}

/* ---------- 3. 核心特性（左右交替，滚动触发动画） ---------- */
.mu-product-feats { padding: 110px 0 40px; background: #fff; }

/* ---------- 产品详情页：核心特性（沉浸式全宽大屏图卡，对标大疆） ---------- */
.mu-pfeats { padding: 110px 0 0; background: #0B1220; }
.mu-pfeat {
    position: relative;
    width: 100%;
    min-height: 84vh;
    overflow: hidden;
    background-color: #0B1220;   /* 图卡加载兜底，与相邻深色区块无缝衔接 */
    color: var(--text-on-dark);
    display: flex;
    align-items: center;
}
/* 全宽背景大图：cover 铺满 + 缓慢呼吸缩放（滚入视口时随 reveal 渐显） */
.mu-pfeat__bg {
    position: absolute; inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transform: scale(1.04);
    transition: transform 1.8s cubic-bezier(.2,.7,.2,1);
    z-index: 1;
}
.mu-pfeat.reveal.is-visible .mu-pfeat__bg { transform: scale(1.08); }
.mu-pfeat__bg::after {
    content: "";
    position: absolute; inset: 0;
    /* 底部幽蓝光晕 + 左下→右上黑色渐变遮罩，保证白字清晰 */
    background:
        linear-gradient(90deg, rgba(11,18,32,.9) 0%, rgba(11,18,32,.55) 40%, rgba(11,18,32,.15) 68%, rgba(11,18,32,0) 100%),
        linear-gradient(0deg, rgba(11,18,32,.55) 0%, rgba(11,18,32,0) 42%);
}
/* 文字靠右（偶数块）：遮罩镜像 */
.mu-pfeat--rev .mu-pfeat__bg::after {
    background:
        linear-gradient(270deg, rgba(11,18,32,.9) 0%, rgba(11,18,32,.55) 40%, rgba(11,18,32,.15) 68%, rgba(11,18,32,0) 100%),
        linear-gradient(0deg, rgba(11,18,32,.55) 0%, rgba(11,18,32,0) 42%);
}
/* 文字内容：居左，垂直居中 */
.mu-pfeat__body {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 90px 40px;
}
/* 超大水印序号：描边数字，科技感 */
.mu-pfeat__num {
    display: block;
    font-size: clamp(72px, 10vw, 150px);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255,255,255,.28);
    margin-bottom: 10px;
}
.mu-pfeat__title {
    font-size: clamp(30px, 4.4vw, 54px);
    font-weight: 900;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: 12px;
}
.mu-pfeat__sub {
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 600;
    color: #7FD4FF;
    margin-bottom: 22px;
}
.mu-pfeat__desc {
    max-width: 560px;
    font-size: clamp(14.5px, 1.4vw, 16px);
    line-height: 2;
    color: rgba(255,255,255,.82);
    margin-bottom: 30px;
}
/* 技术亮点条：毛玻璃 + 蓝色左边线 */
.mu-pfeat__tech {
    display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap;
    max-width: 640px;
    padding: 14px 22px;
    font-size: 14px; color: #fff;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    border-left: 3px solid var(--muan-blue);
    border-radius: 4px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.mu-pfeat__tech span {
    font-size: 12.5px; font-weight: 700; letter-spacing: .1em;
    color: #7FD4FF;
}

/* ---------- 解决方案详情页：核心能力（保留原左右交替图文卡） ---------- */
.mu-feat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    padding: 56px 0;
    border-top: 1px solid rgba(10,20,40,.06);
}
.mu-feat:first-of-type { border-top: none; }
.mu-feat__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #E8EEF6;
}
.mu-feat__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-feat__media:hover img { transform: scale(1.06); }
.mu-feat__num {
    display: block;
    font-size: 56px; font-weight: 900;
    letter-spacing: -.03em;
    color: rgba(10,132,200,.12);
    line-height: 1;
    margin-bottom: 14px;
}
.mu-feat__title { font-size: 28px; font-weight: 800; color: #0D1526; margin-bottom: 8px; }
.mu-feat__sub {
    font-size: 15.5px; font-weight: 600;
    color: var(--muan-blue);
    margin-bottom: 16px;
}
.mu-feat__desc { font-size: 15.5px; line-height: 1.9; color: #5A6678; margin-bottom: 22px; }
.mu-feat__tech {
    display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 12px 18px;
    font-size: 14px; color: #0D1526;
    background: #F4F8FC;
    border-left: 3px solid var(--muan-blue);
    border-radius: 4px;
}
.mu-feat__tech span {
    font-size: 12.5px; font-weight: 700; letter-spacing: .1em;
    color: var(--muan-blue);
}
.mu-feat--rev .mu-feat__media { order: 2; }
.mu-feat--rev .mu-feat__body  { order: 1; }

/* ---------- 4. 工作原理（4 步流程） ---------- */
.mu-workflow { padding: 90px 0 110px; background: #F4F8FC; }
.mu-workflow__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
/* 定制开发方案：5 步流程，5 列 */
.mu-workflow__grid--5 { grid-template-columns: repeat(5, 1fr); gap: 18px; }
/* 工作流程条目数量自适应（后台可配 3~6 个） */
.mu-workflow__grid--3 { grid-template-columns: repeat(3, 1fr); }
.mu-workflow__grid--6 { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mu-workflow__step {
    position: relative;
    padding: 40px 28px 34px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(10,132,200,.1);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-workflow__step:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.32);
}
.mu-workflow__num {
    display: inline-block;
    font-size: 15px; font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--muan-blue), #4FC3F7);
    border-radius: 999px;
    padding: 6px 16px;
    margin-bottom: 20px;
    letter-spacing: .06em;
}
.mu-workflow__name { font-size: 19px; font-weight: 700; color: #0D1526; margin-bottom: 10px; }
.mu-workflow__desc { font-size: 14px; line-height: 1.8; color: #5A6678; }
/* 工作流程下方：应用效果大图（xiaoguo.png） */
.mu-workflow__img {
    margin-top: 56px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 46px rgba(8,20,38,.14);
}
.mu-workflow__cmp-head { margin-top: 88px; }
.mu-workflow__cmp-head + .mu-workflow__img { margin-top: 0; }
.mu-workflow__img img { width: 100%; height: auto; display: block; }

/* ---------- 5. 技术参数表（Tab 切换） ---------- */
.mu-spec { padding: 110px 0 120px; background: #fff; }
.mu-spec__tabs {
    display: flex; gap: 10px;
    margin-bottom: 36px;
    border-bottom: 1px solid rgba(10,20,40,.08);
    padding-bottom: 0;
}
.mu-spec__tab {
    padding: 14px 26px;
    font-size: 15px; font-weight: 600;
    color: #5A6678;
    border-radius: 8px 8px 0 0;
    transition: color .2s ease, background-color .2s ease;
    position: relative;
}
.mu-spec__tab:hover { color: var(--muan-blue); }
.mu-spec__tab.is-active {
    color: var(--muan-blue);
    background: #F4F8FC;
}
.mu-spec__tab.is-active::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: var(--muan-blue);
}
.mu-spec__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}
.mu-spec__table th,
.mu-spec__table td {
    text-align: left;
    padding: 16px 22px;
    border-bottom: 1px solid rgba(10,20,40,.07);
}
.mu-spec__table th {
    width: 220px;
    font-weight: 600;
    color: #0D1526;
    background: #F4F8FC;
}
.mu-spec__table td { color: #3A4557; }
.mu-spec__table tr:last-child th,
.mu-spec__table tr:last-child td { border-bottom: none; }

/* ---------- 6. 包装清单 ---------- */
.mu-packing { padding: 100px 0; background: #F4F8FC; }
.mu-packing__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.mu-packing__item {
    display: flex; align-items: center; gap: 16px;
    padding: 24px 22px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(10,132,200,.08);
    transition: transform .3s ease, box-shadow .3s ease;
}
.mu-packing__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(10,60,110,.1);
}
.mu-packing__idx {
    flex: none;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 800;
    color: var(--muan-blue);
    background: #E6F2FA;
    border-radius: 50%;
}
.mu-packing__name { font-size: 15px; font-weight: 600; color: #0D1526; line-height: 1.5; }
.mu-packing__qty { font-size: 13px; color: #98A2B3; margin-top: 2px; }

/* ---------- 7. 应用场景 ---------- */
.mu-scenes { padding: 110px 0 120px; background: #fff; }
.mu-scenes__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}
/* 应用场景网格数量自适应（后台可配 1~6 个场景）：
   1 个 → 单列大图；2、4 个 → 默认两列；3、5、6 个 → 三列 */
.mu-scenes__grid--1 { grid-template-columns: 1fr; }
.mu-scenes__grid--3 { grid-template-columns: repeat(3, 1fr); }
.mu-scenes__grid--5 { grid-template-columns: repeat(3, 1fr); }
.mu-scenes__grid--6 { grid-template-columns: repeat(3, 1fr); }
.mu-scenes__grid--5 .mu-scene:nth-child(4) { grid-column: 1 / 3; }
.mu-scenes__grid--5 .mu-scene:nth-child(4) .mu-scene__name { font-size: 22px; }
.mu-scene {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #E8EEF6;
}
.mu-scene__media {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-scene:hover .mu-scene__media { transform: scale(1.07); }
.mu-scene__veil {
    position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(6,10,18,.85) 0%, rgba(6,10,18,.12) 55%, transparent 75%);
}
.mu-scene__body {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 26px 28px 28px;
    z-index: 1;
}
.mu-scene__idx {
    font-size: 13px; font-weight: 700; letter-spacing: .1em;
    color: #7ED4FF;
    margin-bottom: 8px;
}
.mu-scene__name { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.mu-scene__desc { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.78); }

/* ---------- 8. 下载资源 ---------- */
.mu-downloads { padding: 110px 0 120px; background: #F4F8FC; }
.mu-downloads__list {
    display: grid;
    gap: 16px;
    max-width: 880px;
}
.mu-download {
    display: flex; align-items: center; gap: 20px;
    padding: 24px 28px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(10,132,200,.08);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.mu-download:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.28);
}
.mu-download__icon {
    flex: none;
    width: 52px; height: 52px;
    display: flex; align-items: center; justify-content: center;
    color: var(--muan-blue);
    background: #E6F2FA;
    border-radius: 10px;
}
.mu-download__info { flex: 1; }
.mu-download__name { font-size: 16px; font-weight: 700; color: #0D1526; margin-bottom: 4px; }
.mu-download__desc { font-size: 13.5px; color: #5A6678; }
.mu-download__fmt {
    font-size: 12px; font-weight: 700; letter-spacing: .08em;
    color: var(--muan-blue);
    background: #E6F2FA;
    padding: 4px 10px;
    border-radius: 4px;
}
.mu-download__btn {
    flex: none;
    display: inline-flex; align-items: center; gap: 6px;
    height: 40px; padding: 0 22px;
    font-size: 14px; font-weight: 600;
    color: #fff;
    background: var(--muan-blue);
    border-radius: var(--radius-lg);
    transition: background-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.mu-download__btn span { transition: transform .25s ease; }
.mu-download__btn:hover { background-color: var(--muan-blue-dark); transform: translateY(-2px); }
.mu-download__btn:hover span { transform: translateY(3px); }

/* ---------- 9. 相关产品推荐 ---------- */
.mu-related { padding: 110px 0 120px; background: #fff; }
.mu-related__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.mu-related__card { display: block; background: #0B1220; overflow: hidden; transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; }
.mu-related__card:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(6,14,26,.22); }
.mu-related__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.mu-related__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-related__card:hover .mu-related__media img { transform: scale(1.07); }
.mu-related__media::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(6,14,26,0) 30%, rgba(6,14,26,.85) 100%);
}
.mu-related__info {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 26px 26px 24px;
    z-index: 1;
}
.mu-related__cat {
    display: block;
    font-size: 13px; font-weight: 600; letter-spacing: .1em;
    color: #7ED4FF;
    margin-bottom: 8px;
}
.mu-related__name { font-size: 21px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.mu-related__link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 500;
    color: rgba(255,255,255,.85);
    transition: color .25s ease;
}
.mu-related__link i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-related__card:hover .mu-related__link { color: #8FD8FF; }
.mu-related__card:hover .mu-related__link i { transform: translateX(6px); }

/* ---------- 产品详情页响应式 ---------- */
@media (max-width: 1024px) {
    .mu-product-ov__grid { grid-template-columns: 1fr; gap: 44px; }
    .mu-feat { grid-template-columns: 1fr; gap: 36px; padding: 40px 0; }
    .mu-feat--rev .mu-feat__media { order: 0; }
    .mu-feat--rev .mu-feat__body  { order: 0; }
    .mu-workflow__grid { grid-template-columns: repeat(2, 1fr); }
    .mu-workflow__grid--3, .mu-workflow__grid--5, .mu-workflow__grid--6 { grid-template-columns: repeat(3, 1fr); }
    .mu-packing__grid { grid-template-columns: repeat(2, 1fr); }
    .mu-scenes__grid { grid-template-columns: 1fr; }
    .mu-related__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .mu-product-hero { min-height: 72vh; }
    .mu-product-hero__cta { flex-direction: column; align-items: stretch; }
    .mu-product-hero__btn { justify-content: center; }
    .mu-product-ov, .mu-product-feats, .mu-spec, .mu-scenes, .mu-downloads, .mu-related { padding: 70px 0 80px; }
    .mu-workflow { padding: 64px 0 80px; }
    .mu-product-ov__highlights { grid-template-columns: 1fr; }
    .mu-workflow__grid { grid-template-columns: 1fr; }
    .mu-packing__grid { grid-template-columns: 1fr; }
    .mu-feat__num { font-size: 44px; }
    .mu-feat__title { font-size: 24px; }
    .mu-spec__tabs { gap: 6px; flex-wrap: wrap; }
    /* 沉浸式大屏卡移动端：降低高度、加大内边距、全幅遮罩保证可读 */
    .mu-pfeat { min-height: 74vh; align-items: flex-end; }
    .mu-pfeat__body { padding: 60px 22px 70px; }
    .mu-pfeat__num { font-size: 64px; }
    .mu-pfeat__title { font-size: 28px; }
    .mu-pfeat__desc { font-size: 14.5px; }
    .mu-pfeat__tech { font-size: 13px; padding: 12px 16px; }
    .mu-pfeat--rev .mu-pfeat__bg::after { background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.86) 78%); }
    .mu-pfeat__bg::after { background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.86) 78%); }
    .mu-spec__tab { padding: 12px 16px; font-size: 14px; }
    .mu-spec__table th { width: 130px; }
    .mu-spec__table th, .mu-spec__table td { padding: 13px 14px; font-size: 14px; }
    .mu-download { flex-wrap: wrap; gap: 14px; padding: 20px; }
    .mu-download__btn { width: 100%; justify-content: center; }
}

/* ============================================================
 * 解决方案列表页（P3）
 * ============================================================ */

/* ---------- 2. 解决方案卡片列表（3 张大卡片，纵向排列） ---------- */
.mu-sol-list { padding: 110px 0 60px; background: #fff; }
.mu-sol-list__stack { display: grid; gap: 40px; }
.mu-sol-card {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    color: var(--text-on-dark);
    background: #0B1220;
}
.mu-sol-card__media {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-sol-card:hover .mu-sol-card__media { transform: scale(1.06); }
.mu-sol-card__veil {
    position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(6,10,18,.93) 0%, rgba(6,10,18,.68) 42%, rgba(6,10,18,.15) 100%);
}
.mu-sol-card__body {
    position: relative; z-index: 1;
    max-width: 720px;
    padding: 52px 56px;
}
.mu-sol-card__tag {
    display: inline-block;
    font-size: 13px; font-weight: 700; letter-spacing: .12em;
    color: #7ED4FF;
    padding: 5px 14px;
    border: 1px solid rgba(126,212,255,.4);
    border-radius: 999px;
    margin-bottom: 18px;
    background: rgba(10,132,200,.14);
}
.mu-sol-card__title {
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -.01em;
    margin-bottom: 14px;
}
.mu-sol-card__desc {
    font-size: 15.5px; line-height: 1.9;
    color: rgba(255,255,255,.82);
    margin-bottom: 18px;
}
.mu-sol-card__scene {
    font-size: 13.5px; line-height: 1.7;
    color: rgba(255,255,255,.6);
    margin-bottom: 26px;
    padding-left: 14px;
    border-left: 2px solid rgba(126,212,255,.5);
}
.mu-sol-card__cta {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 15px; font-weight: 600;
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 2px solid rgba(255,255,255,.35);
    transition: color .25s ease, border-color .25s ease;
}
.mu-sol-card__cta i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-sol-card__cta:hover { color: #8FD8FF; border-color: #8FD8FF; }
.mu-sol-card__cta:hover i { transform: translateX(6px); }

/* 产品中心列表页：旗舰卡片核心亮点动态轮播（背景图上间歇切换） */
.mu-sol-card__kws {
    position: absolute;
    right: 48px; top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 300px; height: 92px;
}
.mu-sol-card__kw {
    position: absolute; inset: 0;
    display: flex; align-items: center; gap: 16px;
    padding: 0 24px;
    background: rgba(8,14,26,.52);
    border: 1px solid rgba(255,255,255,.14);
    border-left: 3px solid var(--muan-blue);
    border-radius: 12px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0; visibility: hidden;
    transform: translateY(16px);
    transition: opacity .5s ease, transform .5s ease, visibility .5s;
}
.mu-sol-card__kw.is-active {
    opacity: 1; visibility: visible;
    transform: translateY(0);
}
.mu-sol-card__kw-num {
    flex: none;
    font-size: 32px; font-weight: 900;
    line-height: 1; letter-spacing: -.02em;
    color: #7FD4FF;
    white-space: nowrap;
}
.mu-sol-card__kw-body { display: flex; flex-direction: column; gap: 3px; }
.mu-sol-card__kw-body strong { font-size: 16px; font-weight: 800; color: #fff; }
.mu-sol-card__kw-body span { font-size: 12.5px; color: rgba(233,240,248,.75); }
@media (max-width: 1024px) {
    .mu-sol-card__kws { display: none; }
}

/* ---------- 产品中心列表页：产品线规划占位卡（x7/x8/x9 敬请期待） ---------- */
.mu-pline { padding: 100px 0 120px; background: #fff; }
.mu-pline__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.mu-pline__card {
    background: #fff;
    border: 1px solid rgba(10,40,70,.1);
    overflow: hidden;
    transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .4s ease;
}
.mu-pline__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(8,20,38,.12);
    border-color: rgba(10,132,200,.3);
}
.mu-pline__media {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #E8EEF6;
}
/* 图片封面：撑满容器居中，悬停缓慢放大（与站内卡片风格一致） */
.mu-pline__img {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.mu-pline__card:hover .mu-pline__img { transform: scale(1.06); }
/* 「即将推出」灰色遮罩：弱化图片，突出未上架状态（徽标 z-index 2 保持在上层） */
.mu-pline__media::after {
    content: "";
    position: absolute; inset: 0;
    z-index: 1;
    background: rgba(226,230,236,.55);
}
/* 「即将推出」居中状态：研发中图标 + 文字（悬浮于灰色遮罩之上） */
.mu-pline__state {
    position: absolute; inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.mu-pline__state-icon {
    width: 58px; height: 58px;
    display: inline-flex; align-items: center; justify-content: center;
    color: #9FD6F5;
    background: rgba(11,18,32,.62);
    border: 1px solid rgba(127,212,255,.35);
    border-radius: 50%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: 0 10px 26px rgba(11,18,32,.22);
    transition: transform .35s ease;
}
.mu-pline__card:hover .mu-pline__state-icon { transform: scale(1.08); }
.mu-pline__state-icon svg { width: 26px; height: 26px; }
.mu-pline__state-text {
    display: inline-block;
    padding: 7px 20px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    font-size: 13px; font-weight: 600; letter-spacing: .28em;
    text-indent: .28em;   /* 平衡字距，视觉居中 */
    color: #FFFFFF;
    background: rgba(11,18,32,.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    white-space: nowrap;
}
.mu-pline__info { padding: 26px 26px 28px; }
.mu-pline__name { font-size: 22px; font-weight: 700; color: #0D1526; margin-bottom: 8px; }
.mu-pline__desc { font-size: 14px; color: #5A6678; line-height: 1.75; }

/* 产品中心列表页响应式 */
@media (max-width: 1024px) {
    .mu-pline__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 640px) {
    .mu-pline { padding: 70px 0 80px; }
    .mu-pline__grid { grid-template-columns: 1fr; }
    .mu-pline__info { padding: 20px 20px 22px; }
    .mu-pline__name { font-size: 20px; }
}

/* ---------- 3. 核心价值区（4 个价值点） ---------- */
.mu-sol-values { padding: 90px 0 120px; background: #F4F8FC; }
.mu-sol-values__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.mu-sol-value {
    position: relative;
    padding: 36px 28px 34px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(10,132,200,.1);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-sol-value:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.32);
}
.mu-sol-value__num {
    position: absolute; top: 18px; right: 22px;
    font-size: 42px; font-weight: 900;
    letter-spacing: -.02em;
    color: rgba(10,132,200,.1);
    transition: color .35s ease;
}
.mu-sol-value:hover .mu-sol-value__num { color: rgba(10,132,200,.22); }
.mu-sol-value__name {
    font-size: 21px; font-weight: 800;
    color: #0D1526;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--muan-blue);
    display: inline-block;
}
.mu-sol-value__desc {
    font-size: 14.5px; line-height: 1.85;
    color: #5A6678;
}

/* ---------- 解决方案列表页响应式 ---------- */
@media (max-width: 1024px) {
    .mu-sol-values__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .mu-sol-list { padding: 70px 0 40px; }
    .mu-sol-values { padding: 64px 0 80px; }
    .mu-sol-values__grid { grid-template-columns: 1fr; }
    .mu-sol-card { min-height: 380px; }
    .mu-sol-card__body { padding: 34px 26px; }
}

/* ============================================================
 * 新闻资讯（列表页 + 详情页）
 * ============================================================ */

/* ---------- 列表页：分类 Tab ---------- */
.mu-news { padding: 90px 0 120px; background: #fff; }
.mu-news__tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 44px;
    padding-bottom: 18px;
    border-bottom: 1px solid #EDF1F6;
}
.mu-news__tab {
    padding: 10px 26px;
    font-size: 15px; font-weight: 600;
    color: #5A6678;
    border-radius: 999px;
    border: 1px solid transparent;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.mu-news__tab:hover { color: var(--muan-blue); }
.mu-news__tab.is-active {
    color: #fff;
    background-color: var(--muan-blue);
    box-shadow: 0 6px 16px rgba(10,132,200,.28);
}

/* ---------- 列表页：搜索状态提示条 ---------- */
.mu-news__search-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: -20px 0 32px;
    padding: 14px 20px;
    font-size: 15px;
    color: #5A6678;
    background: #F4F8FC;
    border-left: 3px solid var(--muan-blue);
    border-radius: 0 8px 8px 0;
}
.mu-news__search-hint strong { color: var(--muan-blue); font-weight: 700; }

/* ---------- 列表页：文章列表（左右交错大卡） ---------- */
.mu-news__list { display: grid; gap: 34px; }
.mu-news__item {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 0;
    background: #fff;
    border: 1px solid #EDF1F6;
    overflow: hidden;
    transition: box-shadow .35s ease, transform .35s ease, border-color .35s ease;
}
.mu-news__item:hover {
    box-shadow: 0 18px 44px rgba(10,60,110,.1);
    transform: translateY(-4px);
    border-color: rgba(10,132,200,.25);
}
/* 左右交错：偶数项图片在右 */
.mu-news__item--flip { direction: rtl; }
.mu-news__item--flip > * { direction: ltr; }
.mu-news__media {
    overflow: hidden;
    min-height: 260px;
}
.mu-news__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.mu-news__item:hover .mu-news__media img { transform: scale(1.06); }
.mu-news__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px 46px;
}
.mu-news__meta {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}
.mu-news__cat {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12.5px; font-weight: 700; letter-spacing: .06em;
    color: var(--muan-blue);
    background: #E6F2FA;
    border-radius: 4px;
}
.mu-news__cat--company { color: #0A9B5C; background: #E2F6EC; }
.mu-news__cat--story { color: #7C3AED; background: #F1EAFE; }
.mu-news__date, .mu-news__views { font-size: 13px; color: #98A2B3; }
.mu-news__title {
    font-size: clamp(19px, 2vw, 25px);
    font-weight: 800;
    letter-spacing: -.01em;
    color: #0D1526;
    line-height: 1.5;
    margin-bottom: 12px;
    transition: color .25s ease;
}
.mu-news__item:hover .mu-news__title { color: var(--muan-blue); }
.mu-news__summary {
    font-size: 14.5px; line-height: 1.9;
    color: #5A6678;
    margin-bottom: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mu-news__more {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 14.5px; font-weight: 600;
    color: var(--muan-blue);
}
.mu-news__more i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-news__item:hover .mu-news__more i { transform: translateX(6px); }

/* ---------- 列表页：空状态 ---------- */
.mu-news__empty {
    padding: 90px 20px;
    text-align: center;
    color: #98A2B3;
    border: 1px dashed #D8E0EA;
    border-radius: 12px;
}
.mu-news__empty p { font-size: 15px; margin-bottom: 16px; }
.mu-news__empty a { color: var(--muan-blue); font-weight: 600; }
.mu-news__empty a:hover { text-decoration: underline; }

/* 列表项无封面图时的占位 */
.mu-news__media-empty {
    display: flex; align-items: center; justify-content: center;
    height: 100%; min-height: 260px;
    background: linear-gradient(135deg, #f4f8fb 0%, #e8f0f6 100%);
    color: #B0BDCC; font-size: 15px; letter-spacing: 2px;
}

/* ---------- 列表页：分页 ---------- */
.mu-news__pager {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; margin: 46px 0 4px;
}
.mu-news__pager a, .mu-news__pager .mu-news__pager-cur {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 38px; height: 38px; padding: 0 10px;
    border: 1px solid #E2E8F0; border-radius: 6px;
    color: #5B6B7C; font-size: 14px; text-decoration: none;
    background: #fff; transition: all .25s ease;
}
.mu-news__pager a:hover { border-color: var(--muan-blue); color: var(--muan-blue); }
.mu-news__pager .mu-news__pager-cur {
    border-color: var(--muan-blue); background: var(--muan-blue); color: #fff; font-weight: 600;
}
.mu-news__pager .mu-news__pager-btn { min-width: 84px; }

/* ---------- 详情页：面包屑 ---------- */
.mu-crumbs--detail {
    margin: 0 0 30px;
    padding-top: 108px;
}
.mu-crumbs--detail a, .mu-crumbs--detail i, .mu-crumbs--detail span {
    color: #98A2B3;
}
.mu-crumbs--detail a:hover { color: var(--muan-blue); }
.mu-crumbs--detail .mu-crumbs__cur {
    color: #3A4557;
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- 详情页：主体布局 ---------- */
.mu-news-detail { padding: 0 0 120px; background: #F7F9FC; }
.mu-news-detail__layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 40px;
    align-items: start;
}
.mu-news-detail__main {
    background: #fff;
    border: 1px solid #EDF1F6;
    border-radius: 12px;
    overflow: hidden;
    padding: 56px 60px;
}
.mu-news-detail__head { margin-bottom: 30px; }
.mu-news-detail__title {
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.45;
    color: #0D1526;
    margin: 16px 0 14px;
}
.mu-news-detail__meta {
    display: flex;
    gap: 20px;
    font-size: 13.5px;
    color: #98A2B3;
    padding-bottom: 20px;
    border-bottom: 1px solid #EDF1F6;
}
.mu-news-detail__cover {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 36px;
}
.mu-news-detail__cover img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
}
.mu-news-detail__content {
    font-size: 16px;
    line-height: 2;
    color: #2B3445;
}
.mu-news-detail__content p { margin-bottom: 22px; }
.mu-news-detail__content h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0D1526;
    margin: 34px 0 14px;
    padding-left: 14px;
    border-left: 4px solid var(--muan-blue);
}
.mu-news-detail__content img { border-radius: 8px; margin: 10px 0; }

/* ---------- 详情页：上一篇 / 下一篇 ---------- */
.mu-news-detail__pn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 46px;
    padding-top: 26px;
    border-top: 1px solid #EDF1F6;
}
.mu-news-detail__pn-item {
    padding: 18px 20px;
    background: #F7F9FC;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: border-color .25s ease, background-color .25s ease;
}
.mu-news-detail__pn-item--next { text-align: right; }
.mu-news-detail__pn-item:hover { border-color: rgba(10,132,200,.3); background: #EFF6FB; }
.mu-news-detail__pn-item.is-empty { opacity: .5; pointer-events: none; }
.mu-news-detail__pn-label {
    display: block;
    font-size: 12.5px; font-weight: 700;
    color: var(--muan-blue);
    letter-spacing: .08em;
    margin-bottom: 6px;
}
.mu-news-detail__pn-title {
    display: block;
    font-size: 14px; font-weight: 600;
    color: #3A4557;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- 详情页：侧边栏 ---------- */
.mu-news-detail__side { position: sticky; top: 96px; }
.mu-news-detail__side-title {
    font-size: 17px; font-weight: 800;
    color: #0D1526;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--muan-blue);
    display: inline-block;
}
.mu-news-detail__rel {
    display: grid;
    gap: 14px;
    margin-bottom: 26px;
}
.mu-news-detail__rel-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 12px;
    background: #fff;
    border: 1px solid #EDF1F6;
    border-radius: 10px;
    transition: box-shadow .3s ease, transform .3s ease;
}
.mu-news-detail__rel-item:hover {
    box-shadow: 0 10px 26px rgba(10,60,110,.1);
    transform: translateY(-3px);
}
.mu-news-detail__rel-item img {
    width: 84px; height: 62px;
    object-fit: cover;
    border-radius: 6px;
    flex: none;
}
.mu-news-detail__rel-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.mu-news-detail__rel-title {
    font-size: 13.5px; font-weight: 600;
    color: #0D1526;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mu-news-detail__rel-date { font-size: 12px; color: #98A2B3; }
.mu-news-detail__rel-empty { font-size: 14px; color: #98A2B3; }
.mu-news-detail__cta {
    padding: 28px 24px;
    background: linear-gradient(160deg, #0F2442, #0B1220);
    border-radius: 12px;
    color: #fff;
}
.mu-news-detail__cta h4 { font-size: 17px; font-weight: 800; margin-bottom: 10px; }
.mu-news-detail__cta p { font-size: 13.5px; line-height: 1.8; color: rgba(255,255,255,.72); margin-bottom: 18px; }
.mu-news-detail__cta a {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 14.5px; font-weight: 600;
    color: #8FD8FF;
    padding-bottom: 4px;
    border-bottom: 2px solid rgba(143,216,255,.4);
    transition: color .25s ease, border-color .25s ease;
}
.mu-news-detail__cta a i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-news-detail__cta a:hover { color: #fff; border-color: #fff; }
.mu-news-detail__cta a:hover i { transform: translateX(6px); }

/* ---------- 新闻栏目响应式 ---------- */
@media (max-width: 1024px) {
    .mu-news-detail__layout { grid-template-columns: 1fr; }
    .mu-news-detail__side { position: static; }
    .mu-news-detail__rel { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
    .mu-news__item { grid-template-columns: 1fr; }
    .mu-news__item--flip { direction: ltr; }
    .mu-news__media { min-height: 200px; aspect-ratio: 16 / 9; }
    .mu-news__body { padding: 26px 22px; }
}
@media (max-width: 640px) {
    .mu-news { padding: 64px 0 80px; }
    .mu-news__tabs { flex-wrap: wrap; gap: 8px; }
    .mu-news__tab { padding: 8px 18px; font-size: 14px; }
    .mu-news-detail { padding: 0 0 80px; }
    .mu-news-detail__main { padding: 32px 22px; }
    .mu-news-detail__pn { grid-template-columns: 1fr; }
    .mu-news-detail__rel { grid-template-columns: 1fr; }
}

/* ============================================================
 * 服务支持页（/support）
 * ============================================================ */

/* ---------- 服务响应承诺（深色横幅） ---------- */
.mu-sv-promise { padding: 0 0 110px; background: #fff; }
.mu-sv-promise__bar {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 52px 56px;
    border-radius: 18px;
    background:
        radial-gradient(50% 130% at 90% 0%, rgba(10,132,200,.3) 0%, transparent 60%),
        linear-gradient(135deg, #0B1220 0%, #0E2038 60%, #0B1220 100%);
    color: #fff;
}
.mu-sv-promise__bar::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(70% 130% at 50% 0%, #000 0%, transparent 82%);
    mask-image: radial-gradient(70% 130% at 50% 0%, #000 0%, transparent 82%);
    pointer-events: none;
}
.mu-sv-promise__item { position: relative; text-align: center; padding: 8px 12px; }
.mu-sv-promise__item + .mu-sv-promise__item { border-left: 1px solid rgba(255,255,255,.12); }
.mu-sv-promise__item strong {
    display: block;
    font-size: clamp(24px, 2.6vw, 34px);
    font-weight: 900;
    letter-spacing: -.01em;
    background: linear-gradient(180deg, #7FD4FF, #2AA5E8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 6px;
}
.mu-sv-promise__item span { font-size: 14px; color: rgba(200,214,232,.85); }

/* ---------- 常见问题与联系入口（2 卡） ---------- */
.mu-sv-entry { padding: 0 0 120px; background: #fff; }
.mu-sv-entry__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.mu-sv-entry__card {
    position: relative;
    display: block;
    padding: 44px 40px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.12);
    border-radius: 14px;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-sv-entry__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.35);
}
.mu-sv-entry__icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 62px; height: 62px; border-radius: 14px;
    color: var(--muan-blue);
    background: var(--muan-blue-light);
    margin-bottom: 20px;
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
}
.mu-sv-entry__card:hover .mu-sv-entry__icon {
    background-color: var(--muan-blue); color: #fff;
    transform: translateY(-3px);
}
.mu-sv-entry__title { font-size: 22px; font-weight: 800; color: #0D1526; margin-bottom: 10px; }
.mu-sv-entry__desc { font-size: 14.5px; line-height: 1.8; color: #5A6678; margin-bottom: 18px; }
.mu-sv-entry__cta { font-size: 15px; font-weight: 600; color: var(--muan-blue); }
.mu-sv-entry__cta i { font-style: normal; display: inline-block; transition: transform .25s ease; }
.mu-sv-entry__card:hover .mu-sv-entry__cta i { transform: translateX(4px); }

/* ============================================================
 * 常见问题页（/faq）—— 手风琴
 * ============================================================ */
.mu-faq { padding: 90px 0 120px; background: #fff; }
.mu-faq__layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 48px;
    align-items: start;
}
.mu-faq__nav {
    position: sticky; top: calc(var(--nav-h) + 24px);
    padding: 26px 24px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.14);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(10,60,110,.06);
}
.mu-faq__nav-title {
    display: inline-block;
    font-size: 15px; font-weight: 800; color: #0D1526;
    margin-bottom: 14px; padding-bottom: 12px;
    border-bottom: 2px solid var(--muan-blue);
}
.mu-faq__nav-link {
    display: block;
    padding: 9px 12px; margin: 2px 0;
    font-size: 14.5px; color: #5A6678;
    border-radius: 8px;
    transition: color .2s ease, background-color .2s ease;
}
.mu-faq__nav-link:hover { color: var(--muan-blue); background-color: rgba(10,132,200,.06); }
.mu-faq__group { margin-bottom: 44px; }
.mu-faq__group-title {
    display: flex; align-items: center; gap: 12px;
    font-size: 24px; font-weight: 800; color: #0D1526;
    margin-bottom: 20px;
}
.mu-faq__group-title::before {
    content: "";
    width: 4px; height: 22px; border-radius: 2px;
    background: linear-gradient(180deg, #7FD4FF, var(--muan-blue));
}
.mu-faq__item {
    border: 1px solid #E6EDF5;
    border-radius: 10px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.mu-faq__item[open] {
    border-color: rgba(10,132,200,.4);
    box-shadow: 0 10px 26px rgba(10,60,110,.06);
}
.mu-faq__item summary {
    list-style: none; cursor: pointer;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 20px 26px;
    font-size: 16px; font-weight: 600; color: #0D1526;
    transition: color .2s ease;
}
.mu-faq__item summary::-webkit-details-marker { display: none; }
.mu-faq__item summary::after {
    content: "+";
    flex: none;
    width: 26px; height: 26px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    font-size: 18px; font-weight: 600; line-height: 1;
    color: var(--muan-blue); background: var(--muan-blue-light);
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
}
.mu-faq__item[open] summary::after {
    content: "−";
    transform: rotate(180deg);
    background-color: var(--muan-blue); color: #fff;
}
.mu-faq__item summary:hover { color: var(--muan-blue); }
.mu-faq__answer { padding: 0 26px 22px; }
.mu-faq__answer p { font-size: 15px; line-height: 1.95; color: #5A6678; }

/* ============================================================
 * 联系我们页（/contact）
 * ============================================================ */

/* ---------- 联系我们页：联系方式 2×2 横向信息卡 ---------- */
.mu-contact-cards { padding: 110px 0 40px; background: #fff; }
.mu-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.mu-contact-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 30px 32px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.12);
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mu-contact-card::before {
    content: "";
    position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--muan-blue), rgba(10,132,200,.1));
    opacity: 0;
    transition: opacity .35s ease;
}
.mu-contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(10,60,110,.1);
    border-color: rgba(10,132,200,.32);
}
.mu-contact-card:hover::before { opacity: 1; }
.mu-contact-card--btn { font-family: inherit; color: inherit; }
.mu-contact-card__icon {
    flex: none;
    width: 64px; height: 64px;
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    color: var(--muan-blue);
    background: linear-gradient(135deg, rgba(10,132,200,.14), rgba(10,132,200,.04));
    border: 1px solid rgba(10,132,200,.16);
    transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.mu-contact-card:hover .mu-contact-card__icon {
    background: linear-gradient(135deg, var(--muan-blue), #2E9FE0);
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(10,132,200,.28);
}
.mu-contact-card__copy { flex: 1; min-width: 0; }
.mu-contact-card__name {
    display: block;
    font-size: 18px; font-weight: 800; color: #0D1526;
    margin-bottom: 6px;
}
.mu-contact-card__value {
    display: block;
    font-size: 15px; color: #1A2434;
    margin-bottom: 6px;
    word-break: break-all;
}
.mu-contact-card__hint {
    display: block;
    font-size: 12.5px; font-weight: 600; color: var(--muan-blue);
}
/* 联系方式卡响应式 */
@media (max-width: 1024px) {
    .mu-contact-grid { grid-template-columns: 1fr; }
    .mu-contact-cards { padding: 80px 0 30px; }
}
@media (max-width: 640px) {
    .mu-contact-card { padding: 24px 22px; gap: 16px; }
    .mu-contact-card__icon { width: 54px; height: 54px; border-radius: 14px; }
    .mu-contact-card__name { font-size: 16.5px; }
    .mu-contact-card__value { font-size: 14px; }
}

/* ---------- 留言表单 + 侧栏信息卡 ---------- */
.mu-contact { padding: 90px 0 120px; background: #fff; }
.mu-contact__grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 44px;
    align-items: start;
}
.mu-contact-form {
    padding: 40px 38px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.16);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(10,60,110,.05);
}
.mu-contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mu-contact-form__field { display: block; margin-bottom: 20px; }
.mu-contact-form__label { display: block; font-size: 14px; font-weight: 600; color: #2A3548; margin-bottom: 8px; }
.mu-contact-form__label em { color: #E05A5A; font-style: normal; }
.mu-contact-form__input {
    width: 100%; height: 46px; padding: 0 16px;
    font-size: 15px; font-family: inherit;
    color: #141E2E;
    background: #F7FAFD;
    border: 1px solid #DFE8F2; border-radius: 8px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.mu-contact-form__input::placeholder { color: #9AA7B8; }
.mu-contact-form__input:focus {
    border-color: var(--muan-blue);
    box-shadow: 0 0 0 3px rgba(10,132,200,.12);
    background: #fff;
}
.mu-contact-form__textarea { height: auto; padding: 12px 16px; resize: vertical; line-height: 1.7; }
.mu-contact-form__submit { margin-top: 4px; }
/* 常见难题快捷标签：一键填入留言框 */
.mu-contact-form__quick { margin: -2px 0 26px; }
.mu-contact-form__quick-tip {
    display: block;
    font-size: 13px; font-weight: 700; color: var(--muan-blue);
    margin-bottom: 10px;
}
.mu-contact-form__quick-tip i {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #4FB3E8; margin-left: 6px; vertical-align: 2px;
    animation: mu-pulse-dot 2s ease-out infinite;
}
.mu-contact-form__quick-list { display: flex; flex-wrap: wrap; gap: 10px; }
.mu-contact-form__quick-item {
    padding: 8px 15px;
    font-size: 13px; line-height: 1;
    color: #3A4557;
    background: #F7FAFD;
    border: 1px solid #DFE8F2;
    border-radius: 999px;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.mu-contact-form__quick-item:hover {
    color: var(--muan-blue);
    background: var(--muan-blue-light);
    border-color: rgba(10,132,200,.35);
    transform: translateY(-1px);
}
.mu-contact-form__privacy { margin-top: 8px; font-size: 12.5px; color: #8A97A8; }
.mu-contact-form__msg { margin-top: 14px; font-size: 14px; min-height: 20px; }
.mu-contact-form__msg.is-ok { color: #16A34A; }
.mu-contact-form__msg.is-err { color: #E05A5A; }
.mu-contact-side { display: flex; flex-direction: column; gap: 20px; }
.mu-contact-side__card { padding: 26px 28px; background: #fff; border: 1px solid rgba(10,132,200,.12); border-radius: 12px; }
.mu-contact-side__title {
    display: inline-block;
    font-size: 17px; font-weight: 800; color: #0D1526;
    margin-bottom: 14px; padding-bottom: 12px;
    border-bottom: 2px solid var(--muan-blue);
}
.mu-contact-side__row {
    display: flex; align-items: center; gap: 10px;
    font-size: 15px; color: #3A4557;
    margin-bottom: 10px;
}
.mu-contact-side__link { color: var(--muan-blue); font-weight: 600; text-align: left; cursor: pointer; }
.mu-contact-side__link svg { flex: none; }
.mu-contact-side__link:hover { text-decoration: underline; }

/* ---------- 解决方案详情页（P4 方案：粪沟清洗） ---------- */
/* 区块小标签（eyebrow）：蓝色胶囊 */
.mu-section-head__eyebrow {
    display: inline-block;
    padding: 5px 16px;
    font-size: 13px; font-weight: 700; letter-spacing: .1em;
    color: var(--muan-blue);
    background: var(--muan-blue-light);
    border-radius: 999px;
    margin-bottom: 16px;
}

/* 2. 行业痛点：3 张白卡，描边编号，hover 上浮 */
.mu-pains { padding: 90px 0 110px; background: #fff; }
.mu-pains__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
/* 行业痛点条目数量自适应（后台可配 2~4 个） */
.mu-pains__grid--2 { grid-template-columns: repeat(2, 1fr); }
.mu-pains__grid--4 { grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mu-pain {
    position: relative;
    padding: 36px 30px 32px;
    background: #F4F8FC;
    border-radius: 14px;
    border-top: 3px solid rgba(10,132,200,.25);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.mu-pain:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(8,20,38,.10);
    border-top-color: var(--muan-blue);
}
.mu-pain__num {
    display: block;
    font-size: 40px; font-weight: 900; line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(10,132,200,.35);
    margin-bottom: 18px;
}
.mu-pain__title { font-size: 19px; font-weight: 800; color: #0D1526; margin-bottom: 10px; }
.mu-pain__desc { font-size: 14.5px; line-height: 1.85; color: #5A6678; }

/* 3. 方案概述：左图右文 + 方案组成胶囊 */
.mu-sol-ov { padding: 90px 0 110px; background: #F4F8FC; }
.mu-sol-ov__grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 56px;
    align-items: center;
}
.mu-sol-ov__media {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 46px rgba(8,20,38,.14);
    aspect-ratio: 4 / 3;
    background: #0E2038;
}
.mu-sol-ov__media img, .mu-sol-ov__media video {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-sol-ov__media:hover img, .mu-sol-ov__media:hover video { transform: scale(1.05); }
/* 方案视频封面播放按钮：点击后隐藏，露出原生 controls（与产品页交互一致） */
.mu-sol-ov__video-cover {
    position: absolute; inset: 0;
    z-index: 2;
    display: flex; align-items: center; justify-content: center;
    background: rgba(8,14,26,.22);
    cursor: pointer;
    transition: opacity .35s ease, visibility .35s ease;
}
.mu-sol-ov__video-cover.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.mu-sol-ov__video-play {
    display: inline-flex; align-items: center; justify-content: center;
    width: 76px; height: 76px;
    border-radius: 50%;
    color: #fff;
    background: var(--muan-blue);
    box-shadow: 0 0 0 10px rgba(255,255,255,.16), 0 10px 30px rgba(10,132,200,.45);
    transition: transform .3s cubic-bezier(.2,.8,.25,1.4), box-shadow .3s ease;
}
.mu-sol-ov__video-play svg { transform: translateX(2px); }
.mu-sol-ov__video-cover:hover .mu-sol-ov__video-play {
    transform: scale(1.1);
    box-shadow: 0 0 0 16px rgba(255,255,255,.2), 0 14px 38px rgba(10,132,200,.55);
}
.mu-sol-ov__video-cover:active .mu-sol-ov__video-play { transform: scale(.96); }
.mu-sol-ov__copy { min-width: 0; }
.mu-sol-ov__copy .mu-section-head { text-align: left; margin-bottom: 18px; }
.mu-sol-ov__text {
    font-size: 15px; line-height: 2;
    color: #4A5768;
    margin-bottom: 26px;
}
.mu-sol-ov__kit {
    display: flex; align-items: center; gap: 18px;
    flex-wrap: wrap;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid rgba(10,132,200,.14);
    border-left: 3px solid var(--muan-blue);
    border-radius: 10px;
}
.mu-sol-ov__kit-label { font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--muan-blue); white-space: nowrap; }
.mu-sol-ov__kit-list { display: flex; flex-wrap: wrap; gap: 8px; }
.mu-sol-ov__kit-item {
    padding: 4px 12px;
    font-size: 13px; font-weight: 600;
    color: #0D1526;
    background: var(--muan-blue-light);
    border-radius: 999px;
}

/* 4. 方案优势：4 张线性图标卡 */
.mu-sol-adv { padding: 90px 0 110px; background: #fff; }
.mu-sol-adv__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
/* 核心优势条目数量自适应（后台可配 2~6 个） */
.mu-sol-adv__grid--2 { grid-template-columns: repeat(2, 1fr); }
.mu-sol-adv__grid--3 { grid-template-columns: repeat(3, 1fr); }
.mu-sol-adv__grid--5 { grid-template-columns: repeat(5, 1fr); gap: 18px; }
.mu-sol-adv__grid--6 { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mu-sol-adv__item {
    position: relative;
    padding: 34px 28px 32px;
    background: #fff;
    border: 1px solid #E8EDF3;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.mu-sol-adv__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(8,20,38,.10);
    border-color: rgba(10,132,200,.4);
}
/* 卡片顶部：左侧蓝色图标 + 右侧大号浅色编号 */
.mu-sol-adv__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
}
.mu-sol-adv__icon {
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 56px; height: 56px;
    border-radius: 14px;
    color: var(--muan-blue);
    background: var(--muan-blue-light);
    transition: transform .35s ease, background .3s ease, color .3s ease;
}
.mu-sol-adv__item:hover .mu-sol-adv__icon {
    transform: scale(1.08);
    background: var(--muan-blue);
    color: #fff;
}
.mu-sol-adv__num {
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .02em;
    color: rgba(10,20,40,.07);
    font-variant-numeric: tabular-nums;
}
.mu-sol-adv__name { font-size: 19px; font-weight: 800; color: #0D1526; margin-bottom: 10px; }
.mu-sol-adv__desc { font-size: 14px; line-height: 1.85; color: #5A6678; }

/* 6. 应用效果：深色数据对比表 */
.mu-compare { padding: 90px 0 110px; background: #0B1220; }
.mu-compare .mu-section-head__title { color: #fff; }
.mu-compare .mu-section-head__desc { color: rgba(255,255,255,.62); }
.mu-compare__table {
    max-width: 980px;
    margin: 0 auto;
    border-radius: 14px;
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,.09);
    box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
.mu-compare__table table { width: 100%; border-collapse: collapse; background: rgba(255,255,255,.03); }
.mu-compare__table th, .mu-compare__table td {
    padding: 17px 22px;
    text-align: center;
    font-size: 14.5px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.mu-compare__table tbody tr:last-child th,
.mu-compare__table tbody tr:last-child td { border-bottom: none; }
.mu-compare__table thead th {
    font-size: 15px; font-weight: 700; letter-spacing: .02em;
    padding: 18px 22px;
    background: rgba(10,132,200,.18);
}
.mu-compare__dim { width: 24%; color: #9FB0C4; text-align: left !important; }
.mu-compare__old { width: 36%; color: #8A97A8; }
.mu-compare__new { width: 40%; color: #7FD4FF; }
.mu-compare__table tbody th {
    color: rgba(255,255,255,.8);
    font-weight: 500;
    text-align: left;
}
.mu-compare__table tbody td { color: rgba(255,255,255,.68); }
.mu-compare__table tbody td:nth-child(3) { color: #7FD4FF; font-weight: 600; }

/* 7. 客户案例：2 张横向卡片 */
.mu-cases { padding: 90px 0 110px; background: #F4F8FC; }
.mu-cases__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}
.mu-case {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(8,20,38,.08);
    transition: transform .3s ease, box-shadow .3s ease;
}
.mu-case:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(8,20,38,.14);
}
.mu-case__media {
    height: 210px;
    background-size: cover;
    background-position: center;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.mu-case:hover .mu-case__media { transform: scale(1.05); }
.mu-case__media { overflow: hidden; transform-origin: center; }
.mu-case__body { padding: 26px 26px 28px; display: flex; flex-direction: column; align-items: flex-start; }
.mu-case__tag {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12.5px; font-weight: 700; letter-spacing: .05em;
    color: var(--muan-blue);
    background: var(--muan-blue-light);
    border-radius: 999px;
    margin-bottom: 14px;
}
.mu-case__title { font-size: 19px; font-weight: 800; color: #0D1526; margin-bottom: 10px; }
.mu-case__desc { font-size: 14px; line-height: 1.85; color: #5A6678; margin-bottom: 18px; }
.mu-case__cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600;
    color: var(--muan-blue);
    border-bottom: 2px solid rgba(10,132,200,.25);
    padding-bottom: 3px;
    transition: gap .3s cubic-bezier(.2,.8,.25,1.4), color .25s ease, border-color .25s ease;
}
.mu-case__cta i { font-style: normal; transition: transform .3s cubic-bezier(.2,.8,.25,1.4); }
.mu-case__cta:hover { color: #0870A8; border-color: #0870A8; }
.mu-case__cta:hover i { transform: translateX(6px); }

/* 解决方案详情页响应式 */
@media (max-width: 1024px) {
    .mu-pains, .mu-sol-ov, .mu-sol-adv, .mu-compare, .mu-cases { padding: 72px 0; }
    .mu-sol-adv__grid { grid-template-columns: repeat(2, 1fr); }
    .mu-sol-adv__grid--5, .mu-sol-adv__grid--6 { grid-template-columns: repeat(3, 1fr); }
    .mu-pains__grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .mu-sol-ov__grid { grid-template-columns: 1fr; gap: 32px; }
    .mu-sol-ov__media { aspect-ratio: 16 / 10; }
}
@media (max-width: 640px) {
    .mu-pains, .mu-sol-ov, .mu-sol-adv, .mu-compare, .mu-cases { padding: 56px 0 64px; }
    .mu-pains__grid { grid-template-columns: 1fr; }
    .mu-sol-adv__grid { grid-template-columns: 1fr; }
    .mu-cases__grid { grid-template-columns: 1fr; }
    .mu-compare__table th, .mu-compare__table td { padding: 13px 12px; font-size: 13px; }
    .mu-compare__dim { width: 30%; }
}

/* ---------- 服务支持 / 常见问题 / 联系我们 响应式 ---------- */
@media (max-width: 1024px) {
    .mu-sv-promise__bar { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; padding: 44px 40px; }
    .mu-sv-promise__item:nth-child(odd) { border-left: none; }
    .mu-sv-promise__item:nth-child(odd) + .mu-sv-promise__item { border-left: 1px solid rgba(255,255,255,.12); }
    .mu-faq__layout { grid-template-columns: 1fr; }
    .mu-faq__nav {
        position: static;
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 18px 20px; margin-bottom: 6px;
    }
    .mu-faq__nav-title { width: 100%; margin-bottom: 4px; }
    .mu-faq__nav-link { margin: 0; }
    .mu-contact__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .mu-sv-promise { padding: 0 0 70px; }
    .mu-sv-promise__bar { grid-template-columns: 1fr 1fr; padding: 36px 22px; gap: 26px 8px; }
    .mu-sv-promise__item + .mu-sv-promise__item,
    .mu-sv-promise__item:nth-child(odd) + .mu-sv-promise__item { border-left: none; }
    .mu-sv-promise__item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.12); }
    .mu-sv-entry { padding: 0 0 70px; }
    .mu-sv-entry__grid { grid-template-columns: 1fr; }
    .mu-sv-entry__card { padding: 32px 26px; }
    .mu-faq { padding: 64px 0 70px; }
    .mu-faq__group-title { font-size: 20px; }
    .mu-faq__item summary { padding: 16px 18px; font-size: 15px; }
    .mu-faq__answer { padding: 0 18px 18px; }
    .mu-contact { padding: 64px 0 70px; }
    .mu-contact-form { padding: 28px 22px; }
    .mu-contact-form__row { grid-template-columns: 1fr; gap: 0; }
}

/* ---------- 产品详情页：应用场景 → 技术参数（相邻白底区块）间距收窄 ----------
 * 仅通过页面上额外的修饰类生效，不影响解决方案详情页同款区块 */
.mu-scenes--tight { padding-bottom: 0; }
.mu-spec--tight { padding-top: 70px; }

/* ---------- 关于我们页：关于牧安（白色版本，覆盖首页同款深色 mu-about） ---------- */
.mu-about--light {
    padding: 110px 0 120px;
    background: #fff;
    color: #1a1a1a;
}
.mu-about--light .mu-about__fx { display: none; }
.mu-about--light .mu-about__intro { color: #4A5568; }
.mu-about--light .mu-about__intro strong { color: var(--muan-blue); }
.mu-about--light .mu-about__point-ic { color: var(--muan-blue); background: var(--muan-blue-light); }
.mu-about--light .mu-about__point:hover .mu-about__point-ic { background: var(--muan-blue); color: #fff; }
.mu-about--light .mu-about__point-body strong { color: #0D1526; }
.mu-about--light .mu-about__point-body span { color: #5A6678; }
.mu-about--light .mu-about__media {
    position: relative;
    border-color: rgba(10,132,200,.18);
    background: #0B1220;
}
/* 关于我们页：视频框按 16:9 展示，视频列比文字列更宽 */
.mu-about--light .mu-about__grid { grid-template-columns: 1fr 1.25fr; }
.mu-about--light .mu-about__media { aspect-ratio: 16 / 9; }
.mu-about--light .mu-about__video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain;          /* 不切割比例，完整展示画面 */
    background: #0B1220;          /* contain 留边处深色兜底 */
}
/* 封面层：默认覆盖在视频上（video 的 poster 即封面），点击播放后隐藏 */
.mu-about__video-cover {
    position: absolute; inset: 0;
    z-index: 2;
    display: flex; align-items: center; justify-content: center;
    background: rgba(8,14,26,.18);
    cursor: pointer;
    transition: opacity .35s ease, visibility .35s ease;
}
.mu-about__video-cover.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.mu-about__video-play {
    display: inline-flex; align-items: center; justify-content: center;
    width: 76px; height: 76px;
    border-radius: 50%;
    color: #fff;
    background: var(--muan-blue);
    box-shadow: 0 0 0 10px rgba(255,255,255,.16), 0 10px 30px rgba(10,132,200,.45);
    transition: transform .3s cubic-bezier(.2,.8,.25,1.4), box-shadow .3s ease;
}
.mu-about__video-play svg { transform: translateX(2px); }
.mu-about__video-cover:hover .mu-about__video-play {
    transform: scale(1.1);
    box-shadow: 0 0 0 16px rgba(255,255,255,.2), 0 14px 38px rgba(10,132,200,.55);
}
.mu-about__video-cover:active .mu-about__video-play { transform: scale(.96); }

/* 关于我们页（白色版）移动端：双列 → 单列堆叠，视频占满全宽 */
@media (max-width: 640px) {
    .mu-about--light .mu-about__grid { grid-template-columns: 1fr; gap: 32px; }
    .mu-about--light .mu-about__media { aspect-ratio: 16 / 9; }
    .mu-about--light .mu-about__video-play { width: 60px; height: 60px; }
}