/* =========================================================
   麦测芯半导体 中文适配样式（在 style.css 之后加载）
   ========================================================= */

/* 中文字体栈 */
body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, ul, ol,
button, input, textarea, select, label {
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB",
    "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
}

/* 页头 logo 尺寸约束 */
.header_section .logo img,
.menu_overlay .main_menu .logo img {
  height: 52px;
  width: auto;
}

/* 页脚 logo 尺寸约束 */
.footer_logo img {
  height: 44px;
  width: auto;
}

/* 轮播标题：中文友好的字号（覆盖模板 110px 大字） */
.slider__text h2 {
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: 2px;
  margin-bottom: 24px;
  font-weight: 700;
}
.slider__text p {
  padding-right: 80px;
  letter-spacing: 1px;
}
.slider__text a {
  letter-spacing: 2px;
}

/* 移动端轮播标题 */
@media only screen and (max-width: 991px) {
  .slider__text h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .slider__text h2 {
    font-size: 26px;
  }
  .slider__text p {
    padding-right: 0;
  }
}

/* ===== 轮播文字可读性 =====
   文字面板与文字色统一由下方「工业风美化」的
   .slider_text_left 浅色毛玻璃规则承担（轻工业浅色系） */
.slider_text_left p {
  color: #4a5b64;
}
.slider_text_left h2 {
  color: #16323d;
}
.slider_text_right span.slider_rotate_text {
  background: rgba(10, 98, 125, 0.92);
  padding: 14px 20px;
  box-shadow: 0 8px 24px rgba(23, 60, 80, 0.16);
}
.slide__number {
  color: #ffffff;
  background: rgba(10, 98, 125, 0.94);
  padding: 6px 14px;
}
/* 页码小数（如 05）与斜分隔线：适配深蓝角标的浅色字 */
.slide__number span.number_one,
.slide__number span.number_one.two,
.slide__number span.number_one.three,
.slide__number span.number_one.four,
.slide__number span.number_one.five {
  color: rgba(255, 255, 255, 0.78);
}
.slide__number span.number_one::before {
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  .slider_text_left {
    padding: 24px 22px;
  }
}

/* ===== 工业风美化 ===== */

/* 轮播背景：每张 slide 的目标色写在 HTML data-bg 上，
   由 JS 在切换时写入 section 的 background-color（1.2s 平滑渐变，无感过渡）；
   slide 层本身保持透明，让底色层/网格/光晕透出 */
.slider__reveal .slide.one,
.slider__reveal .slide.two,
.slider__reveal .slide.three,
.slider__reveal .slide.four,
.slider__reveal .slide.five {
  background: transparent;
}

/* 主界面现代化浅色工业背景（轻工业浅色系）：
   浅钢蓝基底 + 蓝青光晕，与其他浅色页面统一 */
.home_slide_section {
  position: relative;
  background-color: #edf2f6; /* JS 切换时平滑过渡到 data-bg 色 */
  transition: background-color 0.9s ease;
  overflow: hidden;
}
/* 背景网格层已取消（参考 html3 原始代码，保持底色 + 光晕即可） */
.home_slide_section::before {
  content: none;
}
/* 呼吸光晕层（缓慢漂移，浅色版） */
.home_slide_section::after {
  content: "";
  position: absolute;
  inset: -60px;
  background:
    radial-gradient(900px 620px at 68% 32%, rgba(120, 175, 200, 0.32), transparent 65%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(214, 228, 236, 0.30) 100%);
  animation: mcxGlow 12s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
@keyframes mcxGlow {
  from {
    transform: translate(-36px, -24px);
    opacity: 0.75;
  }
  to {
    transform: translate(36px, 24px);
    opacity: 1;
  }
}
/* 内容层抬到装饰层之上 */
.home_slide_section .slideshow {
  position: relative;
  z-index: 1;
}

/* 文字面板：浅色工业毛玻璃（轻工业浅色系） */
.slider_text_left {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.93), rgba(240, 247, 250, 0.88));
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(10, 98, 125, 0.14);
  padding: 36px 40px;
  box-shadow: 0 14px 34px rgba(23, 60, 80, 0.10);
}

/* 去掉模板叠加在轮播图上的蓝色蒙版，还设备图原色 */
.slide__img::after {
  background: transparent;
}

/* 模板 CSS 变量改工业浅色：
   --color-reveal 用于切换动画的揭示色块与预览色块，取值与轮播底色一致；
   ⚠ base.css 把变量定义在 body 上（--color-reveal: var(--color-bg)），
   body 自身声明优先于 :root 继承——只写 :root 覆盖不到揭示色块，
   必须同时覆盖 body 作用域 */
:root {
  --color-bg: #edf2f6;
  --color-reveal: #edf2f6;
  --color-link: #ffffff;
  --color-link-hover: #f99200;
}
body {
  --color-bg: #edf2f6;
  --color-reveal: #edf2f6;
}

/* 模板视差装饰图形：已重着色为工业蓝青（漂浮点阵 + 大圆环），
   恢复显示以保留鼠标视差动态效果 */
.slider_shap_img,
.slider_shap_img2 {
  display: block;
}
/* 装饰层（点阵/圆衬）仅随当前 slide 显示：
   5 张 slide 的点阵图案相同、漂浮相位各不相同——5 层叠显会把同一颗点
   叠成一小串竖排多点（圆衬各张尺寸也略有差异）。只保留当前 slide 的
   装饰层，切换时 0.6s 交叉淡入淡出 */
.slider_shap_img,
.slider_shap_img2 {
  transition: opacity 0.6s ease;
}
.slide:not(.slide--current) .slider_shap_img,
.slide:not(.slide--current) .slider_shap_img2 {
  opacity: 0;
}

/* 背景持续动态：动画加在 img 层（视差 JS 控制的是 span 层，互不冲突） */
/* 点阵：缓慢上下漂浮 + 亮度呼吸 */
.slider_shap_img span img {
  display: inline-block;
  animation: mcxDots 5s ease-in-out infinite alternate;
}
/* 大圆：静止的实心衬底，仅随鼠标视差微移（贴近原版行为），不旋转 */
@keyframes mcxDots {
  from {
    transform: translateY(-12px);
    opacity: 0.65;
  }
  to {
    transform: translateY(12px);
    opacity: 1;
  }
}
/* 每张轮播的点阵错开节奏，避免整齐划一 */
.slide.two .slider_shap_img span img { animation-delay: -1.2s; }
.slide.three .slider_shap_img span img { animation-delay: -2.4s; }
.slide.four .slider_shap_img span img { animation-delay: -3.6s; }
.slide.five .slider_shap_img span img { animation-delay: -4.8s; }
/* 尊重系统减弱动效设置 */
@media (prefers-reduced-motion: reduce) {
  .slider_shap_img span img,
  .slider_shap_img2 span img {
    animation: none;
  }
}

/* 区块标题：工业编号 + 粗竖线 */
.mcx_section_head {
  display: flex;
  align-items: baseline;
  border-left: 6px solid #0a627d;
  padding-left: 18px;
  margin-bottom: 42px;
}
.mcx_section_no {
  font-size: 15px;
  font-weight: 700;
  color: #f99200;
  letter-spacing: 2px;
  margin-right: 12px;
}
.mcx_section_head h2 {
  font-size: 34px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
  letter-spacing: 2px;
}

/* 工业风按钮：扁平、无圆角 */
.mcx_btn {
  display: inline-block;
  background: #0a627d;
  color: #ffffff;
  padding: 14px 40px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  border: 2px solid #0a627d;
  transition: background 0.3s;
}
.mcx_btn:hover,
.mcx_btn:focus {
  background: #084b60;
  border-color: #084b60;
  color: #ffffff;
  text-decoration: none;
}
.mcx_btn_light {
  background: #ffffff;
  border-color: #ffffff;
  color: #0a627d;
}
.mcx_btn_light:hover,
.mcx_btn_light:focus {
  background: #dce9ee;
  border-color: #dce9ee;
  color: #0a627d;
}

/* 首页：公司简介 */
.mcx_home_about {
  padding: 110px 0 55px;
}
.mcx_home_about .mcx_lead {
  font-size: 17px;
  line-height: 32px;
  color: #1a1a2e;
  font-weight: 700;
}
.mcx_home_about p {
  line-height: 30px;
  color: #55606b;
}
.mcx_home_about_img {
  position: relative;
}
.mcx_home_about_img::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: 90px;
  height: 90px;
  background: #0a627d;
  z-index: 0;
}
.mcx_home_about_img img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  border: 2px solid #e5e9f0;
}

/* 首页：核心产品 4 列卡片 */
.mcx_home_products {
  padding: 55px 0 75px;
}
.mcx_home_products .single_portfolio {
  margin-bottom: 34px;
}
.mcx_home_products .portfolio_thumb img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.mcx_home_products .portfolio_text h3 {
  font-size: 17px;
  line-height: 1.55;
}
.mcx_home_products .portfolio_text span {
  font-size: 13px;
}
.mcx_more_wrap {
  margin-top: 22px;
}

/* 首页：资质认证（浅灰衬托） */
.mcx_home_certs {
  padding: 70px 0 105px;
  background: #f4f6f9;
}
.mcx_home_certs .mcx_section_head h2 {
  color: #1a1a2e;
}

/* 首页：合作引导浅色带（轻工业浅色系，与浅色页脚衔接） */
.mcx_cta {
  background: linear-gradient(135deg, #e9f0f5 0%, #dfeaf1 100%);
  border-top: 1px solid rgba(10, 98, 125, 0.10);
  border-bottom: 1px solid rgba(10, 98, 125, 0.10);
  padding: 62px 0;
}
.mcx_cta h3 {
  color: #16323d;
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 2px;
}
.mcx_cta p {
  color: #4a5b64;
  margin: 0;
  letter-spacing: 1px;
}
.mcx_cta .mcx_btn {
  margin: 0;
}

/* 页脚顶部工业色条 */
.footer_section {
  border-top: 4px solid #0a627d;
}

/* 加载遮罩：图片加载完成前显示浅色全屏遮罩（与轮播底色一致），
   防止多张轮播文字面板叠显；加载完成后 JS 移除遮罩并播放入场动画 */
.js .loading::before {
  background: #edf2f6;
}

/* 修复模板缺陷：base.css 只默认隐藏了非当前轮播的图片/页码，
   漏了标题面板，导致初始加载时多张标题叠显 */
.slide .slide__title {
  opacity: 0;
}
.slide.slide--current .slide__title {
  opacity: 1;
}

/* 汉化后的字距微调 */
.section_title h2,
.hero_content h1 {
  letter-spacing: 2px;
}

/* ===== 资质认证区块（关于我们页） ===== */
.cert_section {
  margin-top: 60px;
}
.cert_list {
  margin-top: 36px;
}
.cert_item {
  flex: 0 0 31%;
  min-width: 260px;
  border: 2px solid #e5e9f0;
  padding: 34px 28px;
  margin-bottom: 24px;
  background: #ffffff;
}
.cert_item .cert_badge {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0a627d;
  border: 2px solid #0a627d;
  padding: 6px 16px;
  margin-bottom: 18px;
}
.cert_item h4 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.cert_item p {
  font-size: 14px;
  line-height: 26px;
  color: #6b7280;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cert_item {
    flex: 0 0 100%;
  }
}

/* =========================================================
   工业科幻风 · 交互增强（全站适配）
   ========================================================= */

/* --- 全局细节：选区 / 滚动条 / 链接过渡 --- */
::selection {
  background: #2ea8d8;
  color: #ffffff;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0d1b26;
}
::-webkit-scrollbar-thumb {
  background: #1e6e8e;
  border: 2px solid #0d1b26;
}
::-webkit-scrollbar-thumb:hover {
  background: #2ea8d8;
}
a {
  transition: color 0.25s, opacity 0.25s;
}

/* --- 页头：底部渐变分隔线 + 菜单辉光 --- */
.header_section {
  border-bottom: 1px solid rgba(46, 168, 216, 0.16);
}
/* 首页浅色版页头：菜单文字/图标深色（其余页面保持原样） */
body.mcx_home .menu_open a {
  color: #17323c;
}
.menu_open a span {
  letter-spacing: 3px;
  transition: text-shadow 0.3s;
}
.menu_open a:hover span {
  text-shadow: 0 0 10px rgba(46, 168, 216, 0.9);
}

/* --- 科幻按钮：扫光 + 辉光 --- */
.mcx_btn {
  position: relative;
  overflow: hidden;
}
.mcx_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: skewX(-20deg);
  transition: left 0.55s;
}
.mcx_btn:hover::before {
  left: 130%;
}
.mcx_btn:hover,
.mcx_btn:focus {
  box-shadow: 0 0 22px rgba(46, 168, 216, 0.5);
  border-color: #2ea8d8;
}

/* --- 区块标题 HUD 化：编号辉光 + 延伸扫描线 --- */
.mcx_section_no {
  color: #2ea8d8;
  text-shadow: 0 0 8px rgba(46, 168, 216, 0.85);
  font-family: Consolas, "Courier New", monospace;
}
.mcx_section_head::after {
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 22px;
  align-self: center;
  background: linear-gradient(90deg, rgba(46, 168, 216, 0.55), transparent);
}

/* --- 产品卡片：辉光描边 + HUD 角标 + 悬浮 --- */
.single_portfolio .portfolio_thumb {
  position: relative;
  overflow: hidden;
  outline: 1px solid rgba(46, 168, 216, 0.14);
  outline-offset: -1px;
  transition: outline-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.single_portfolio .portfolio_thumb img {
  transition: transform 0.5s;
}
.single_portfolio:hover .portfolio_thumb {
  outline-color: rgba(46, 168, 216, 0.8);
  box-shadow: 0 0 26px rgba(46, 168, 216, 0.22);
  transform: translateY(-4px);
}
.single_portfolio:hover .portfolio_thumb img {
  transform: scale(1.05);
}
.single_portfolio .portfolio_thumb::before,
.single_portfolio .portfolio_thumb::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #2ea8d8;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 2;
}
.single_portfolio .portfolio_thumb::before {
  top: 8px;
  left: 8px;
  border-right: 0;
  border-bottom: 0;
}
.single_portfolio .portfolio_thumb::after {
  bottom: 8px;
  right: 8px;
  border-left: 0;
  border-top: 0;
}
.single_portfolio:hover .portfolio_thumb::before,
.single_portfolio:hover .portfolio_thumb::after {
  opacity: 1;
}
.portfolio_text h3 a {
  transition: color 0.25s;
}
.single_portfolio:hover .portfolio_text h3 a {
  color: #2ea8d8;
}
.portfolio_text span {
  letter-spacing: 3px;
}

/* --- 资质卡片：悬浮 + 辉光徽章 --- */
.cert_item {
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.cert_item:hover {
  transform: translateY(-5px);
  border-color: rgba(46, 168, 216, 0.6);
  box-shadow: 0 10px 30px rgba(10, 40, 55, 0.3), 0 0 18px rgba(46, 168, 216, 0.16);
}
.cert_item .cert_badge {
  font-family: Consolas, "Courier New", monospace;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.cert_item:hover .cert_badge {
  background: #2ea8d8;
  color: #ffffff;
  box-shadow: 0 0 14px rgba(46, 168, 216, 0.6);
}

/* --- 轮播面板 HUD 角标 --- */
.slider_text_left {
  position: relative;
}
.slider_text_left::before,
.slider_text_left::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border: 2px solid rgba(46, 168, 216, 0.9);
  z-index: 2;
}
.slider_text_left::before {
  top: 8px;
  left: 8px;
  border-right: 0;
  border-bottom: 0;
}
.slider_text_left::after {
  bottom: 8px;
  right: 8px;
  border-left: 0;
  border-top: 0;
}
.slide__number {
  font-family: Consolas, "Courier New", monospace;
}

/* --- 轮播箭头 / 导航辉光（浅色底配色；覆盖 style.css 的白色硬编码） --- */
.slidenav__item {
  color: #17323c;
  transition: color 0.3s, text-shadow 0.3s;
}
.slidenav__item:hover {
  color: #0a627d;
  text-shadow: 0 0 12px rgba(46, 168, 216, 0.55);
}

/* --- 表单焦点辉光（联系页 / 评论表单） --- */
.contact_page_section input.border,
.contact_page_section textarea.border,
.comments_form_input input,
.comments_form_input textarea {
  transition: border-color 0.3s, box-shadow 0.3s;
}
.contact_page_section input.border:focus,
.contact_page_section textarea.border:focus,
.comments_form_input input:focus,
.comments_form_input textarea:focus {
  outline: none;
  border-color: #2ea8d8 !important;
  box-shadow: 0 8px 18px rgba(46, 168, 216, 0.12);
}

/* --- 页脚链接交互 --- */
.footer_menu a,
.copyright_right a,
.footer_contact a {
  transition: color 0.25s;
}
.footer_menu a:hover,
.footer_contact a:hover {
  color: #2ea8d8;
}

/* --- 关于页相册 / 新闻缩略图 hover --- */
.about_gallery_thumb,
.single_blog .blog_thumb {
  overflow: hidden;
}
.about_gallery_thumb img,
.single_blog .blog_thumb img {
  transition: transform 0.5s;
}
.about_gallery_thumb:hover img,
.single_blog:hover .blog_thumb img {
  transform: scale(1.05);
}
.single_blog h3 a:hover {
  color: #2ea8d8;
}
.about_contact_text h3 {
  letter-spacing: 2px;
}

/* --- 关于页 Banner：科幻辉光标题 --- */
.hero_content h1 {
  text-shadow: 0 0 34px rgba(46, 168, 216, 0.35);
}
.hero_content span {
  font-family: Consolas, "Courier New", monospace;
  letter-spacing: 5px;
}