/* 
  站点全局样式
  - 主色：#E6512F
  - 响应式设计：导航、栅格卡片、轮播图均适配不同屏幕宽度
*/

/* CSS 变量统一色彩与间距 */
:root {
  --primary-color: #E6512F;
  --text-color: #1a1a1a;
  --muted-color: #666;
  --bg-color: #fff;
  --section-bg: #fafafa;
  --border-color: #eaeaea;
  --radius: 0;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 6px 16px rgba(0,0,0,0.12);
  --container: 1440px; /* 全站容器更宽 */
  --panel-dark: #173a63; /* 深蓝信息栏颜色 */
  --nav-accent: #FFD34C; /* 导航活动项与轮播圆点的金色高亮 */
  --gap: 16px;
  --section-title-size: 26px; /* 统一模块标题字号 */
}

/* 现代化基础样式与排版 */
* { box-sizing: border-box; }
/* 更健壮的排版缩放与断词处理 */
html { text-size-adjust: 100%; }
body { overflow-wrap: anywhere; }
html, body { padding:0; margin:0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--text-color);
  background: var(--bg-color);
  line-height: 1.6;
}

/* 全局图片响应式与渲染优化 */
img { max-width: 100%; display: block; }
img[decoding="async"] { contain-intrinsic-size: 320px; }

/* 容器与布局通用（自动应用更宽的 --container） */
.header-inner,
.main,
.footer-inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 20px;
}

/* 顶部导航左右更靠边：拉满宽度 + 缩小左右内边距 */
.site-header .header-inner {
  max-width: none;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
/* 桌面端保证右侧菜单贴右 */
@media (min-width: 769px) {
  .navbar { margin-left: auto; }
}

/* 顶部导航栏 - 粘性导航 */
.site-header {
  --header-h: 72px;
  --header-logo: 24px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(20,20,20,var(--header-alpha, 0)); /* 初始透明 */
  color: #fff;
  border-bottom: none;
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease; /* 添加过渡效果 */
  backdrop-filter: blur(4px); /* 毛玻璃效果 */
}
.site-header.scrolled { --header-h: 60px; --header-logo: 20px; }
.site-header.scrolled { backdrop-filter: blur(3px); }

/* 确保主内容不会被导航栏遮挡 */
.main { padding: 72px 20px 24px; }

/* 品牌标识 */
.brand-cn {
  font-family: 'SimHei','黑体','Microsoft YaHei',Arial,sans-serif;
  color: #fff;
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  transition: font-size .25s ease;
}
.brand-en {
  font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
  color: #fff;
  font-size: 12px;
  margin: 0;
  transition: font-size .25s ease;
}
.site-header.scrolled .brand-cn { font-size: 16px; }
.site-header.scrolled .brand-en { font-size: 11px; }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: var(--header-h); transition: min-height .25s ease; }
.brand { display: flex; align-items: center; gap: 14px; }
.brand-logo { width: auto; height: var(--header-logo); display: block; object-fit: contain; transition: height .25s ease; }

/* 导航栏（桌面端） */
.navbar { display: flex; gap: 18px; align-items: center; }
.nav-link { text-decoration: none; color: #fff; padding: 8px 12px; border-radius: 0; transition: all .2s ease; }
.nav-link:hover { color: #fff; background: rgba(255,255,255,0.1); }
.router-link-active { color: #fff; font-weight: 700; border-bottom: 2px solid #fff; }

/* 关于我们下拉菜单 */
.nav-item { position: relative; }
.nav-link.has-menu::after { content: '▾'; margin-left: 6px; font-size: 10px; }
.submenu { position: absolute; top: calc(100% + 2px); left: 0; min-width: 180px; padding: 8px 0; margin: 0; list-style: none; display: none; background: rgba(0,0,0,0.8); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.12); z-index: 1200; }
.nav-item:hover .submenu,
.nav-item:focus-within .submenu { display: block; }
.submenu .submenu-link { display: block; padding: 8px 12px; color: #fff; text-decoration: none; white-space: nowrap; }
.submenu .submenu-link:hover { background: rgba(255,255,255,0.1); }

/* 移动端展开时的子菜单表现（嵌入主菜单内） */
.navbar.open .submenu { position: static; display: none; background: transparent; border: none; backdrop-filter: none; padding: 0; }
.navbar.open .nav-item.open .submenu { display: block; }

/* 移动端菜单按钮（汉堡） */
.menu-toggle { display: none; width: 40px; height: 40px; border: none; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--text-color); margin: 5px auto; transition: .2s; }

/* 轮播图（主页） */
.hero {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  height: 96vh;
  min-height: 560px;
  background: #000;
  width: 100vw;
  margin-top: -72px; /* 精确抵消 header 高度，保持与 header 齐平 */
  left: 50%;
  transform: translateX(-50%);
  contain-intrinsic-size: 600px;
  content-visibility: auto;
}
.slides { display: flex; height: 100%; width: 100%; transition: transform .6s ease-in-out; will-change: transform; }
.slide { flex: 0 0 100%; height: 100%; position: relative; }
.slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; background-color: transparent; display: block; }

/* 居中文案层 - 全屏居中（唯一保留） */
.hero-overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
}
.hero-content {
  max-width: 960px;
  padding: 20px 24px;
  border-radius: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
}
.hero-title {
  margin: 0 0 8px;
  font-size: clamp(20px, 3vw + 12px, 36px);
  font-weight: 800;
  letter-spacing: .5px;
}
.hero-subtitle {
  margin: 0;
  font-size: clamp(14px, 1.6vw + 8px, 22px);
  color: #ececec;
}

/* 轮播指示器与控制按钮（唯一保留 + 调小且更圆） */
.hero-controls {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}
.dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.85);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
  padding: 0;
  appearance: none;
}
.dot.active { transform: scale(1.5); background: var(--primary-color); border-color: var(--primary-color); }
.dot:hover { background: #fff; border-color: #fff; }

/* 主页分区：企业愿景 / 价值观 */
.section {
  margin-top: 28px; padding: 20px; background: var(--section-bg);
  border: 1px solid var(--border-color); border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  content-visibility: auto;
}
.section-title { margin: 0 0 14px; font-size: 22px; font-weight: 700; color: var(--primary-color); }
.section-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.section p { margin: 0; color: var(--text-color); }

/* 新闻资讯卡片 */
.cards { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.card { background: #fff; border: 1px solid var(--border-color); border-radius: var(--radius); padding: 16px; box-shadow: var(--shadow-sm); }
.card-title { margin: 0 0 6px; font-weight: 700; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-meta { margin: 0 0 10px; color: var(--muted-color); font-size: 13px; }
.card-desc { margin: 0; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cards .card a { color: #000; text-decoration: none; }
.cards .card a:hover { color: var(--primary-color); text-decoration: none; }

/* 案例展示 */
.case-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, 1fr); }
.case {
  background: #fff; border: 1px solid var(--border-color);
  border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm);
  color: #000; text-decoration: none;
}
.case:hover,
.case:visited { color: #000; text-decoration: none; }
.case-thumb { width: 100%; height: 160px; object-fit: cover; display: block; }
.case-name { margin: 10px; font-weight: 600; color: #000; }

/* 按钮通用 */
.btn { display: inline-block; padding: 10px 16px; border-radius: 0; text-decoration: none; cursor: pointer; border: none; transition: background .2s ease, transform .1s ease; }
.btn-primary { background: var(--primary-color); color: #fff; }
.btn-primary:hover { filter: brightness(1.05); }
.btn-primary:active { transform: scale(0.98); }
.btn-outline { border: 1px solid var(--primary-color); color: var(--primary-color); background: transparent; }
.btn-outline:hover { background: rgba(230,81,47,0.06); }

/* 页尾（清理：移除所有页尾相关选择器定义） */
/* 已移除 .site-footer / .footer-inner / .footer-title / .footer-grid / .footer-block / .footer-company / .footer-company-en / .footer-copy
.footer-grid.footer-block p { margin: 6px 0; }
.footer-company { font-weight: 700; margin-bottom: 4px; }
.footer-company-en { color: #000; }
/* 版权区 */
.footer-copy { margin-top: 18px; padding-top: 10px; border-top: none; font-size: 13px; color: #000; }

/* 响应式：768px 以下使用更紧凑的布局 */
@media (max-width: 1024px) { .case-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
  .menu-toggle { display: inline-block; z-index: 2000; }
  .menu-toggle span { background: #fff; }
  /* 移动端：主页导航栏始终半透明黑（静态与滚动一致） */
  .site-header { --header-alpha: 0.9; background: rgba(20,20,20,0.9); }
  .site-header.scrolled { background: rgba(20,20,20,0.9); }
  .navbar {
    position: fixed; top: var(--header-h); left: 0; right: 0;
    background: rgba(20,20,20,0.98);
    border-top: 1px solid rgba(255,255,255,0.12);
    flex-direction: column; gap: 0; box-shadow: none;
    overflow: auto; max-height: calc(100vh - var(--header-h)); display: none; z-index: 1900; transition: top .25s ease; will-change: transform, opacity;
  }
  .navbar.open { display: flex; align-items: stretch; animation: navSlideDown 240ms ease-out; transform-origin: top; }

  /* 父目录靠左、占满整行 */
  .navbar.open .nav-item { width: 100%; }
  .navbar.open .nav-link { text-align: left; }

  /* 子目录整体缩进一格（16px） */
  .navbar.open .submenu { padding-left: 16px; }

  /* 子目录条目在父目录基础上再多 16px 左内边距（总计 32px） */
  .navbar.open .submenu .submenu-link { padding: 10px 16px 10px 32px; }

  /* 移动端条目分隔与触控内边距 */
  .nav-link { padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.12); }
  .nav-link:last-child { border-bottom: none; }

  /* 已展开的子菜单内部留白更紧凑 */
  .navbar.open .submenu { padding-top: 4px; padding-bottom: 4px; }
  .section-grid { grid-template-columns: 1fr; }
  .cards { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .hero { height: 52vh; min-height: 360px; margin-top: -24px; }
  .brand-cn { font-size: 16px; }
}

/* 极小屏幕优化 */
@media (max-width: 420px) {
  .brand-cn { font-size: 15px; }
  .brand-en { display: none; }
  .hero-content { padding: 16px; }
}

/* 分区头（居中标题 + 红色竖线 + 说明文） */
.section-header { text-align: center; }
.section-divider { width: 2px; height: 24px; background: var(--primary-color); margin: 8px auto 12px; }
.section-desc { max-width: 760px; margin: 0 auto 12px; color: var(--muted-color); font-size: 13px; line-height: 1.6; }

/* 新闻与项目的图文卡片网格 */
.news-grid { display: grid; gap: 14px; grid-template-columns: repeat(5, minmax(0, 1fr)); content-visibility: auto; }
.project-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); content-visibility: auto; }
@media (max-width: 1200px) { .news-grid { grid-template-columns: repeat(4, 1fr); } .project-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px)  { .news-grid { grid-template-columns: repeat(3, 1fr); } .project-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .news-grid { grid-template-columns: repeat(2, 1fr); } .project-grid { grid-template-columns: 1fr; } }

/* 通用图文卡片（硬朗无圆角） */
.tile { position: relative; overflow: hidden; border: 1px solid var(--border-color); background: #fff; border-radius: 0; }
.tile-img { width: 100%; height: 160px; object-fit: cover; display: block; }
.tile-footer { position: absolute; left: 0; bottom: 0; width: 100%; background: var(--panel-dark); color: #fff; padding: 10px 12px; }
.tile-title { font-weight: 600; line-height: 1.4; }
.tile-meta { font-size: 12px; opacity: 0.9; }
.tile-link { color: #fff; text-decoration: none; opacity: 0.9; }
.tile-link:hover { text-decoration: underline; opacity: 1; }

/* 分区动作按钮（中部“View More”） */
.section-actions { text-align: center; margin-top: 12px; }
.btn-ghost { border: 1px solid var(--panel-dark); color: var(--panel-dark); background: transparent; }
.btn-ghost:hover { background: rgba(23,58,99,0.06); }
.btn-slim { padding: 8px 18px; border-radius: 0; }

/* 保持其它控件无圆角 */
.nav-link { padding: 8px 12px; border-radius: 0; }
.hero-content { padding: 20px 24px; border-radius: 0; }
.btn { border-radius: 0; }

/* 响应式调整 */
@media (max-width: 1280px) { .news-grid { grid-template-columns: repeat(4, 1fr); } .project-grid { grid-template-columns: repeat(3, 1fr); } }
.projects-section { background: #fff; border: none; box-shadow: none; content-visibility: auto; }
.projects-section .section-title { text-align: center; color: #000; font-size: 28px; margin-bottom: 6px; line-height: 1.8; }
@media (max-width: 768px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .project-grid { grid-template-columns: repeat(2, 1fr); }
  .tile-img { height: 140px; }
  .project-img { height: 160px; }
  .case-thumb { height: 140px; }
}
@media (max-width: 480px) {
  .news-grid, .project-grid { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: 1fr; }
  .case-thumb { height: 120px; }
}

/* 主页：轮播图下方左右双列 */
.home-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: stretch; content-visibility: auto; }

/* 左侧愿景面板（背景图+遮罩） */
.vision-panel {
  position: relative;
  min-height: 420px;
  background: #f5f5f5;
  background-image: url('愿景背景.png');
  background-size: cover;
  background-position: center 40%;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.vision-panel::before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.85); }
.vision-content { position: relative; z-index: 1; padding: 28px 32px; }

/* 愿景面板内网格单列 */
.vision-content .section-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }

/* 右侧最新消息面板 */
.projects-section { background: #fff; border: none; box-shadow: none; content-visibility: auto; }
.projects-section .section-title { text-align: center; color: #000; font-size: 28px; margin-bottom: 6px; }
.projects-divider { width: 72px; height: 2px; background: var(--primary-color); margin: 8px auto 16px; }
.projects-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); }
.projects-empty { min-height: 160px; }

/* 响应式：窄屏改为上下布局 */
@media (max-width: 960px) {
  .home-split { grid-template-columns: 1fr; }
  .vision-panel, .news-panel { min-height: auto; }
}

/* 左侧愿景内容：放大标题与正文字体 */
.vision-content .section-title { font-size: 26px; font-weight: 700; letter-spacing: 0.5px; }
.vision-content p { font-size: 18px; line-height: 1.8; word-break: break-word; }

/* 工程案例展示：滑动分页视图 */
.case-slider { position: relative; }
.case-viewport { overflow: hidden; }
.case-track { display: flex; transition: transform .4s ease; will-change: transform; }
.case-page { min-width: 100%; }

/* 左右按钮（硬朗无圆角） */
.slider-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border-color); background: #fff; color: #333; cursor: pointer; border-radius: 0; z-index: 2;
}
.slider-btn-left { left: -20px; }
.slider-btn-right { right: -20px; }
.slider-btn:hover { background: #f7f7f7; }
.slider-btn[disabled] { opacity: .4; cursor: not-allowed; }

/* 顶部横幅（通用） */
.page-hero {
  position: relative; height: 46vh; min-height: 340px; margin-top: -72px;
  width: 100vw; left: 50%; transform: translateX(-50%);
  background-position: center; background-size: cover;
}
.page-hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.35); }
.page-hero .title-wrap { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; text-align: center; }
.page-hero h1 { margin: 0; font-weight: 800; letter-spacing: 1px; line-height: 1.2; font-size: clamp(28px, 4vw + 8px, 56px); }

/* 联络我们布局 */
.contact-grid { display: grid; gap: 24px; grid-template-columns: 1.2fr 1fr; align-items: start; max-width: 1200px; margin: 0 auto; }
.map-iframe { width: 100%; height: 420px; border: 0; border-radius: 6px; }
.contact-form .form-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.contact-form label { display: block; margin-bottom: 6px; font-weight: 600; }
.contact-form input, .contact-form textarea { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; background: #fff; }
.contact-meta { margin-top: 12px; color: var(--text-color); }
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-form .form-grid { grid-template-columns: 1fr; }
  .map-iframe { height: 320px; }
}

/* 公司新闻左侧图片卡片（主页复用） */
.feature-card { position: relative; border: 1px solid var(--border-color); background: #fff; box-shadow: var(--shadow-sm); overflow: hidden; }
.feature-media { aspect-ratio: 16 / 9; width: 100%; background: #000; margin-bottom: 18px; overflow: hidden; display: block; text-decoration: none; }
.feature-img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.feature-caption { padding: 12px 14px; font-size: 16px; color: var(--text-color); }
.feature-title-link { color: #000; text-decoration: none; }
.feature-title-link:hover, .feature-title-link:focus { color: #000; text-decoration: none; }
.feature-go { position: absolute; right: 12px; bottom: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--primary-color); color: #fff; text-decoration: none; display: grid; place-items: center; font-size: 18px; }

/* 主页：最新消息图片卡片缩小并留白（仅作用于主页右侧面板） */
.home-split .news-panel { padding: 16px 18px; }
.home-split .news-panel .feature-card { max-width: 560px; margin: 14px auto 20px; }
.home-split .news-panel .feature-media { border-radius: var(--radius); }
.home-split .news-panel .cards { margin-top: 12px; }
@media (max-width: 960px) {
  .home-split .news-panel .feature-card { max-width: 100%; margin: 12px 0 18px; }
}

/* 新增：主页英雄文案弹出动画 */
@keyframes heroPop {
  0%   { opacity: 0; transform: translateY(12px) scale(0.98); }
  60%  { opacity: 1; transform: translateY(0)    scale(1.02); }
  100% { opacity: 1; transform: translateY(0)    scale(1.00); }
}
.hero-content .hero-title { opacity: 0; transform: translateY(6px) scale(0.98); animation: heroPop 900ms ease-out 300ms forwards; will-change: opacity, transform; }
.hero-content .hero-subtitle { opacity: 0; transform: translateY(6px) scale(0.98); animation: heroPop 900ms ease-out 600ms forwards; will-change: opacity, transform; }
@media (prefers-reduced-motion: reduce) {
  .hero-content .hero-title,
  .hero-content .hero-subtitle { animation: none; opacity: 1; transform: none; }
}

@keyframes navSlideDown {
  0%   { opacity: 0; transform: translateY(-10px) scaleY(0.98); }
  100% { opacity: 1; transform: translateY(0)     scaleY(1.00); }
}
@media (prefers-reduced-motion: reduce) { .navbar.open { animation: none; } }

/* 主页左侧愿景段落加大字号 */
.home-split .vision-panel .section-grid p { font-size: 20px; }

/* 新增：案例展示下方推广容器（硬朗、无阴影、固定高度160px） */
.case-promo-row { display: flex; gap: 12px; align-items: center; margin-top: 48px; margin-bottom: 36px; }
.case-promo { position: relative; flex: 0 0 calc(50% - 6px); --promo-h: 160px; height: var(--promo-h); max-width: none; margin: 0; background: transparent; border: none; box-shadow: none; border-radius: 0; }
.case-promo-left-shift { transform: none; }
.case-promo-left-shift .promo-image { left: 0; right: auto; }
.case-promo-left-shift .promo-card { left: calc(var(--promo-h) * 16 / 9 - 20px); right: auto; }
.case-promo .promo-image { position: absolute; right: 0; top: 0; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 0; z-index: 1; }
.case-promo .promo-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.case-promo .promo-image::before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: #E6512F; z-index: 3; }
.case-promo .promo-card { position: absolute; top: 50%; transform: translateY(-50%); height: calc(var(--promo-h) - 26px); aspect-ratio: 16 / 9; right: calc(var(--promo-h) * 16 / 9 - 20px); background: rgba(255,255,255,0.92); border: 1px solid var(--border-color); border-radius: 0; box-shadow: none; padding: 12px 16px; color: #333; text-align: left; z-index: 10; }
.case-promo .promo-card::before { content: ''; position: absolute; left: -8px; top: 0; width: 6px; height: 100%; background: #6DD3F0; }
.case-promo .promo-title { margin: 0 0 8px; font-size: 20px; font-weight: 800; color: #000; }
.case-promo .promo-desc { margin: 0; font-size: 14px; line-height: 1.7; color: #555; }
.case-promo .promo-link { display: inline-block; padding: 6px 12px; border: 1px solid #E6512F; color: #E6512F; text-decoration: none; border-radius: 0; background: transparent; }
.case-promo .promo-link:hover { background: #fff0ea; }
/* 案例推广：响应式布局与尺寸 */
@media (max-width: 1200px) {
  .case-promo { --promo-h: 150px; }
}
@media (max-width: 960px) {
  .case-promo-row { flex-direction: column; gap: 10px; margin-top: 36px; margin-bottom: 24px; }
  .case-promo { flex: 1 1 100%; max-width: 100%; --promo-h: 140px; }
}
@media (max-width: 720px) {
  .case-promo { --promo-h: auto; height: auto; }
  .case-promo .promo-image { position: relative; right: auto; top: auto; height: auto; width: 100%; aspect-ratio: 16 / 9; }
  .case-promo .promo-card { position: relative; top: auto; transform: none; right: auto; left: auto; height: auto; aspect-ratio: auto; margin-top: 10px; }
  .case-promo-left-shift .promo-card { left: auto; }
  .case-promo .promo-title { font-size: 18px; }
  .case-promo .promo-desc { font-size: 13px; }
}
@media (max-width: 480px) {
  .case-promo { --promo-h: 128px; }
  .case-promo .promo-title { font-size: 17px; }
  .case-promo .promo-desc { font-size: 12px; }
  .case-promo .promo-link { padding: 5px 10px; }
}

/* 主页页尾布局与样式更新 */
.footer-grid.footer-home { grid-template-columns: 320px 1fr; gap: 24px; }
.footer-brand { max-width: 320px; }
.footer-brand .brand-cn { margin: 0 0 6px; }
.footer-brand .footer-company { font-family: 'SimHei','黑体','Microsoft YaHei',Arial,sans-serif; color: #000; font-size: 18px; font-weight: 700; margin: 0 0 6px; }
.footer-brand .footer-tagline { margin-top: 8px; color: #000; line-height: 1.7; width: 200px; max-width: 200px; overflow-wrap: anywhere; }
.footer-sitemap { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 12px 28px; margin-left: 0; margin-top: 0; }
.footer-col .footer-heading { margin: 0 0 10px; font-weight: 700; font-size: 15px; color: #000; }
.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin: 6px 0; }
.footer-links a { color: #000; text-decoration: none; }
.footer-links a:hover { color: #000; text-decoration: none; }
@media (max-width: 900px) {
  .footer-grid.footer-home { grid-template-columns: 1fr; }
  .footer-sitemap { grid-template-columns: repeat(2, 1fr); margin-left: 0; margin-top: 0; }
}

/* 480px 小屏圆点与间距优化 */
@media (max-width: 480px) { .hero-controls { bottom: 12px; gap: 6px; } .dot { width: 6px; height: 6px; } }

/* 新页尾：响应式导航展开 */
.site-footer { margin-top: 40px; background: #FEEBE7; color: #000; border-top: none; }
.site-footer .footer-inner { max-width: 1200px; margin: 0 auto; padding: 24px 20px; }
.footer-nav { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 14px 24px; }
.footer-col .footer-heading { margin: 18px 0; font-weight: 800; font-size: 18px; color: #E60000; }
.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin: 2px 0; line-height: 1.4; }
.footer-links a { color: #000; text-decoration: none; }
.footer-links a:hover, .footer-links a:focus { color: #E6512F; text-decoration: none; }

@media (max-width: 900px) {
  .footer-nav { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .footer-nav { grid-template-columns: 1fr; }
}
.biz-tabs { display: flex; gap: 12px; justify-content: center; margin: 12px 20px; }
.biz-tab { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border-color); border-radius: 0; background: #fff; color: #000; text-decoration: none; }
.biz-tab.active { background: #FEEBE7; border-color: #f7c9b9; font-weight: 700; }
.biz-tab::before { content: ''; width: 18px; height: 18px; background-repeat: no-repeat; background-size: 18px 18px; display: inline-block; }
.tab-qual::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6512F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='3' width='16' height='18' rx='2'/><circle cx='12' cy='12' r='3'/></svg>"); }
.tab-main::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6512F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='8' width='16' height='12' rx='2'/><path d='M9 8V6h6v2'/></svg>"); }
.tab-other::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6512F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5v14M5 12h14'/></svg>"); }
@media (max-width: 600px) { .biz-tabs { flex-wrap: wrap; gap: 10px; margin: 10px; } .biz-tab { padding: 6px 10px; } .biz-tab::before { width: 16px; height: 16px; background-size: 16px 16px; } }