/* mbipp-polish.css — 视觉美化增强层（在 mbipp-unified 之后加载）
   只增强观感(质感/微交互/可访问性)，不改布局尺寸与内容。可整体删除即回退。 */

/* ---------- 1. 全局微交互 + 键盘可访问性 ---------- */
html { scroll-behavior: smooth; }
a,
.mbipp-growth-button,
.mbipp-growth-text-link,
.mbipp-trademark-matter-card,
.mbipp-growth-reading a,
.mbipp-growth-faq summary {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease,
              box-shadow .28s ease, transform .28s ease;
}
:where(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--mb-blue, #123b91);
  outline-offset: 2px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- 2. 按钮精修 ---------- */
.mbipp-growth-button {
  box-shadow: 0 6px 16px rgba(18, 59, 145, .18);
}
.mbipp-growth-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(18, 59, 145, .28);
}
.mbipp-growth-button:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(18,59,145,.2); }
.mbipp-growth-button.is-light { box-shadow: 0 4px 12px rgba(6, 29, 73, .08); }
.mbipp-growth-button.is-light:hover {
  border-color: var(--mb-blue, #123b91);
  color: var(--mb-blue, #123b91) !important;
}
/* 让"提交注册需求"等裸链接更像可点击的动作，加箭头与下划线提示 */
.mbipp-growth-text-link.is-dark {
  font-weight: 700;
  text-decoration: none;
  background-image: linear-gradient(var(--mb-blue, #123b91), var(--mb-blue, #123b91));
  background-size: 0% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.mbipp-growth-text-link.is-dark::after {
  content: " →";
  display: inline-block;
  transition: transform .2s ease;
}
.mbipp-growth-text-link.is-dark:hover { background-size: 100% 2px; }
.mbipp-growth-text-link.is-dark:hover::after { transform: translateX(4px); }

/* ---------- 3. 卡片质感（流程/材料卡、阅读卡、hero 侧卡） ---------- */
.mbipp-trademark-matter-card {
  box-shadow: 0 4px 18px rgba(6, 29, 73, .06);
  border-color: #e6ebf3;
}
.mbipp-trademark-matter-card:hover {
  box-shadow: 0 14px 32px rgba(6, 29, 73, .12);
  transform: translateY(-2px);
  border-color: #d2dcec;
}
.mbipp-growth-reading a {
  box-shadow: 0 4px 14px rgba(6, 29, 73, .05);
}
.mbipp-growth-reading a:hover {
  box-shadow: 0 14px 30px rgba(6, 29, 73, .13);
  transform: translateY(-3px);
  border-color: var(--mb-blue, #123b91);
}
.mbipp-growth-service-hero aside {
  box-shadow: 0 18px 40px rgba(6, 29, 73, .12);
}

/* ---------- 4. 承載页「在线咨询」按钮：深蓝底强制白字（覆盖侧栏链接的深色，特异度更高） ---------- */
.mbipp-trademark-matter-nav a.mbipp-trademark-matter-nav__cta,
.mbipp-trademark-matter-nav a.mbipp-trademark-matter-nav__cta:hover,
.mbipp-trademark-matter-nav a.mbipp-trademark-matter-nav__cta:focus,
.mbipp-trademark-matter-nav__cta { color: #fff !important; }
.mbipp-trademark-matter-nav a.mbipp-trademark-matter-nav__cta * { color: #fff !important; fill: #fff !important; }

/* ---------- 5. FAQ 精修（悬停高亮 + 更清晰的展开态） ---------- */
.mbipp-growth-faq summary:hover { color: var(--mb-blue, #123b91); }
.mbipp-growth-faq details { transition: background-color .2s ease; border-radius: 6px; }
.mbipp-growth-faq details[open] { background: linear-gradient(180deg, #f7f9fd 0%, #ffffff 70%); }
.mbipp-growth-faq details[open] summary { color: var(--mb-navy, #061d49); }