@charset "UTF-8";

.cm-navbar {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.cm-navbar .navbar-nav .nav-link {
  font-size: 18px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 16px;
  padding-right: 16px;
  color: var(--bs-body-color, #212529);
  transition: color 0.15s ease-in-out;
}

.cm-navbar .navbar-nav .nav-link.active {
  color: var(--bs-primary, #0d6efd);
}

.navbar-nav-scroll {
  max-width: 100%;
  height: 2.5rem;
  /*margin-top: .25rem;*/
  overflow: hidden;
}

.navbar-nav-scroll .navbar-nav {
  /*padding-bottom: 2rem;*/
  overflow-x: auto;
  white-space: nowrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  -webkit-overflow-scrolling: touch;
}

.cm-hidden {
  display: none !important;
}

.cm-pointer {
  cursor: pointer;
}

.cm-ff-yh {
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", serif;
}

.cm-block-head-bottom {
  border-bottom: solid 2px;
  border-color: var(--bs-primary, #0d6efd);
  display: inline-block;
  padding-bottom: 0.3rem;
}

.cm-trans-bottom {
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(var(--bs-dark-rgb, 0, 0, 0), 0.5);
}

.cm-media-img,
.cm-d-flex-img {
  max-width: 180px;
  max-height: 120px;
  object-fit: cover;
  border-radius: var(--bs-border-radius);
}

@media screen and (max-width: 767.98px) {

  .cm-media-img,
  .cm-d-flex-img {
    max-width: 120px;
    max-height: 80px;
  }
}

.cm-video-card {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius);
  padding: 6px;
  background-color: var(--bs-body-bg, #fff);
}

.cm-video-card .card-img-top {
  border-radius: calc(var(--bs-border-radius) - 4px);
}

.cm-link {
  color: var(--bs-body-color, #212529);
  text-decoration: none;
}

.cm-link:hover {
  color: var(--bs-primary, #0d6efd);
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}

.es-highlight em {
  color: var(--bs-danger, #dc3545);
  font-style: normal;
  font-weight: bold;
}

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap');

/* ==============================================================================
   Securify SaaS Hero Section Styles (securify 主题全屏视频 Hero 样式)
   ============================================================================== */

/* 仅对 securify 风格页面应用的主题字和背景 */
body.securify-body {
  font-family: 'Readex Pro', system-ui, -apple-system, sans-serif;
  background-color: #000 !important;
  color: #fff !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 巨大错落文字样式 */
.securify-hero-title {
  font-family: 'Readex Pro', sans-serif;
  letter-spacing: -0.04em;
  line-height: 0.95;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
  /* 微微透明的白色，让其与背景视频完美透叠融入 */
  position: absolute;
  font-size: 13vw;
  /* 手机端由 16vw 调小至 13vw */
  margin: 0;
  padding: 0;
  z-index: 10;
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
  /* 加上文字暗阴影，防止雪地背景过亮导致字看不清 */
}

@media (min-width: 768px) {
  .securify-hero-title {
    font-size: 10.5vw;
    /* PC 端由 14vw 调小至 10.5vw，更显精致克制 */
  }
}

/* 错落字定位（顺势而为 4字对角线构图版） */
.title-shunshi {
  left: 1rem;
  top: 22%;
}

.title-erwei {
  right: 1rem;
  top: 52%;
}

@media (min-width: 768px) {
  .title-shunshi {
    left: 8vw;
    top: 20%;
  }

  .title-erwei {
    right: 12vw;
    top: 50%;
  }
}

/* 全屏区及视频背景 */
.securify-hero-section {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}

.securify-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.securify-content-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* 全站自适应高级导航栏 */

/* 默认在子页面 (普通白底页面下)：相对布局，有高级的半透明磨砂白底和底部分割线 */
.hero-nav-wrapper {
  position: relative;
  z-index: 100;
  padding: 1.25rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

@media (min-width: 768px) {
  .hero-nav-wrapper {
    padding: 1.25rem 2.5rem;
  }
}

/* 首页 (body.securify-body 存在时)：自适应切换为全透明、绝对悬浮在视频上，去底线 */
body.securify-body .hero-nav-wrapper {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 120;
  padding: 1.5rem 1.5rem 0 1.5rem;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
}

@media (min-width: 768px) {
  body.securify-body .hero-nav-wrapper {
    padding: 1.5rem 2.5rem 0 2.5rem;
  }
}

.hero-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  .hero-nav-container {
    gap: 1rem;
  }
}

/* 左侧 Logo 部分 */
.hero-nav-pill-left {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  /* 拉开 Logo 图片与文字之间的横向呼吸间隙 */
  text-decoration: none !important;
}

.hero-nav-logo-img {
  height: 2.1rem;
  /* 稍微微调 Logo 高度 */
  max-width: 150px;
  object-fit: contain;
}

/* 默认子页面 Logo svg 为特定蓝色 #114592 */
.hero-nav-logo-svg {
  width: 2.1rem;
  height: 2.1rem;
}

.hero-nav-logo-path {
  fill: #114592 !important;
}

/* 首页下 Logo svg 为白色 */
body.securify-body .hero-nav-logo-path {
  fill: #ffffff !important;
}

/* 品牌文字：高素质中文排版，优雅宽字距 */
.hero-nav-brand {
  color: #0f172a !important;
  /* 子页面采用经典深空灰（Stripe 极简风格） */
  font-size: 1.1rem !important;
  /* 精致内敛字号，极具高档质感 */
  font-weight: 600 !important;
  /* 保持浑厚字形 */
  letter-spacing: 0.15em !important;
  /* 关键：中文字距舒张 0.15em，产生极致高级感 */
  padding-left: 0.15em;
  /* 补偿字间距带来的居中偏差 */
  transition: all 0.3s ease-in-out;
}

body.securify-body .hero-nav-brand {
  color: #f8fafc !important;
  /* 首页采用温润月光白 */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  /* 柔和暗面投影，增强辨识度 */
}

/* 品牌双层排列容器 */
.hero-nav-brand-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.15rem;
  /* 双层文字的黄金垂直空隙 */
  line-height: 1.1 !important;
}

/* 英文辅标小字样式 */
.hero-nav-subbrand {
  font-family: 'Readex Pro', system-ui, sans-serif;
  font-size: 0.55rem !important;
  /* 精致 9px 艺术高度 */
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  /* 宽字间距以塑造高级科技大厂质感 */
  text-transform: uppercase;
  /* 强制全大写 */
  color: rgba(15, 23, 42, 0.5) !important;
  /* 子页面自适应呈现为淡灰色（Stripe 辅标风范） */
  line-height: 1 !important;
  transition: all 0.3s ease-in-out;
}

body.securify-body .hero-nav-subbrand {
  color: rgba(248, 250, 252, 0.55) !important;
  /* 首页自适应呈现为月光白半透明 */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* 中间/右侧导航菜单包裹容器 */
.hero-nav-pill-center {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .hero-nav-pill-center {
    gap: 2.25rem;
    /* PC端间距拉开，更具呼吸感 */
  }
}

/* 导航链接样式：
   默认子页面：灰黑字，加粗，激活下划线为深色
   首页：白字，加粗，激活下划线为纯白 */
.hero-nav-link {
  position: relative;
  color: rgba(0, 0, 0, 0.7) !important;
  /* 默认子页面为灰黑色 */
  font-size: 0.95rem;
  font-weight: 600 !important;
  /* 整个 header 字体全部强制加粗 */
  padding: 0.5rem 0;
  transition: color 0.2s ease-in-out;
  text-decoration: none !important;
}

.hero-nav-link:hover {
  color: #000000 !important;
}

.hero-nav-link.active {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* 默认子页面激活状态：下划线呈深色 */
.hero-nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2.5px;
  background-color: #000000;
  border-radius: 9999px;
}

/* 首页下的专属链接自适应样式 */
body.securify-body .hero-nav-link {
  color: rgba(255, 255, 255, 0.75) !important;
  /* 首页有视频背景时使用白色半透明字 */
}

body.securify-body .hero-nav-link:hover {
  color: #ffffff !important;
}

body.securify-body .hero-nav-link.active {
  color: #ffffff !important;
}

/* 首页激活状态：下划线呈纯白且微发光 */
body.securify-body .hero-nav-link.active::after {
  background-color: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
}

/* 描述文案定位 (4字对角线版 - 防重合重构) */
.securify-hero-desc {
  position: absolute;
  left: 1.5rem;
  top: 48%;
  /* 手机端调低，避免撞字 */
  max-width: 280px;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.85);
  z-index: 12;
  margin: 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  /* 增加阴影增强可读性 */
}

@media (min-width: 768px) {
  .securify-hero-desc {
    left: 8vw;
    top: 49%;
    /* PC 宽屏端调低至大字下边缘以下 */
    max-width: 320px;
  }
}

/* 数据指标块 */
.securify-stat-block {
  display: flex;
  flex-direction: column;
  z-index: 12;
}

.securify-stat-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  /* gap-3 */
}

.stat-divider {
  display: none;
  height: 1px;
  width: 6rem;
  /* w-24 */
  background-color: rgba(255, 255, 255, 0.4);
  /* bg-white/40 */
}

@media (min-width: 768px) {
  .stat-divider {
    display: block;
  }
}

.divider-rotate-20 {
  transform: rotate(20deg);
}

.divider-rotate-neg20 {
  transform: rotate(-20deg);
}

.securify-stat-number {
  font-family: 'Readex Pro', sans-serif;
  font-size: 2.25rem;
  /* text-4xl */
  font-weight: 500;
  letter-spacing: -0.025em;
  /* tracking-tight */
  color: #ffffff;
}

@media (min-width: 768px) {
  .securify-stat-number {
    font-size: 3rem;
    /* text-5xl */
  }
}

.securify-stat-label {
  font-size: 0.75rem;
  /* text-xs */
  color: rgba(255, 255, 255, 0.7);
  /* text-white/70 */
  margin-top: 0.25rem;
  /* mt-1 */
}

@media (min-width: 768px) {
  .securify-stat-label {
    font-size: 0.875rem;
    /* text-sm */
  }
}

/* 右上指标块 */
.stat-top-right {
  position: absolute;
  right: 1.5rem;
  /* right-6 */
  top: 14%;
  align-items: flex-end;
}

@media (min-width: 768px) {
  .stat-top-right {
    right: 6rem;
    /* right-24 */
  }
}

/* 左下指标块 */
.stat-bottom-left {
  position: absolute;
  left: 1.5rem;
  /* left-6 */
  bottom: 5rem;
  /* bottom-20 */
  align-items: flex-start;
}

@media (min-width: 768px) {
  .stat-bottom-left {
    left: 5rem;
    /* left-20 */
    bottom: 6rem;
    /* bottom-24 */
  }
}

/* 右下指标块 */
.stat-bottom-right {
  position: absolute;
  right: 1.5rem;
  /* right-6 */
  bottom: 4rem;
  /* bottom-16 */
  align-items: flex-end;
}

@media (min-width: 768px) {
  .stat-bottom-right {
    right: 5rem;
    /* right-20 */
    bottom: 5rem;
    /* bottom-20 */
  }
}

/* 底部向纯黑过渡遮罩 */
.securify-bottom-overlay {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12rem;
  /* h-48 */
  background: linear-gradient(to bottom, transparent, #000000);
  z-index: 5;
}

/* ==========================================
   列表页 (channel.html) 暗夜 Hero 风格样式
   ========================================== */

/* 列表页通栏科技 Hero 视觉区 */
.securify-channel-hero {
  position: relative;
  min-height: 300px;
  height: 38vh;
  display: flex;
  align-items: center;
  padding-top: 5.5rem;
  /* 避开悬浮固定的毛玻璃导航栏 */
  background: radial-gradient(circle at 80% 20%, rgba(24, 45, 95, 0.35) 0%, rgba(0, 0, 0, 0.95) 100%), #040407;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.securify-channel-hero-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, #000000);
  z-index: 2;
  pointer-events: none;
}

.securify-channel-hero-content {
  position: relative;
  z-index: 5;
  text-align: left;
}

/* 栏目大字号科技艺术名 */
.securify-channel-title {
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0.75rem;
  background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.65) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
  .securify-channel-title {
    font-size: 3.6rem;
  }
}

/* 栏目副标题 */
.securify-channel-desc {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.55);
  max-width: 650px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

/* 极简毛玻璃自适应面包屑 */
.securify-channel-breadcrumb {
  display: inline-flex;
  padding: 0.45rem 1rem;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 9999px;
}

.securify-channel-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.25) !important;
}

/* 子分类筛选条区 */
.securify-filter-section {
  background-color: #000000;
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.securify-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

/* 扁平微光分类胶囊标签 */
.securify-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 1.15rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 9999px;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.securify-filter-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.2);
}

.securify-filter-btn.active {
  color: #000000 !important;
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.15);
}

/* 多维过滤按钮与行适配 */
.securify-dict-filter-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 1rem 1.25rem;
  border-radius: 12px;
}

.securify-dict-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.securify-dict-btn {
  display: inline-flex;
  padding: 0.3rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid transparent;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.securify-dict-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04);
}

.securify-dict-btn.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

/* 列表与毛玻璃卡片项 */
.securify-channel-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.securify-channel-card {
  display: flex;
  flex-direction: column;
  background: rgba(18, 18, 22, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 1.25rem;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  .securify-channel-card {
    flex-direction: row;
    gap: 1.5rem;
    padding: 1.5rem;
  }
}

.securify-channel-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

/* 卡片图片区 */
.securify-card-img-wrapper {
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .securify-card-img-wrapper {
    width: 240px;
    height: 150px;
    margin-bottom: 0;
    flex-shrink: 0;
  }
}

.securify-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.securify-channel-card:hover .securify-card-img {
  transform: scale(1.05);
}

/* 卡片文字区 */
.securify-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.securify-card-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0.6rem;
  line-height: 1.35;
}

.securify-card-title-link {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.securify-card-title-link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.securify-card-desc {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

/* 卡片元数据信息 */
.securify-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 0.75rem;
}

.securify-card-meta a {
  color: rgba(255, 255, 255, 0.45) !important;
  transition: color 0.2s ease;
}

.securify-card-meta a:hover {
  color: #ffffff !important;
}

.meta-left {
  display: flex;
  gap: 1rem;
}

.meta-item i {
  margin-right: 3px;
}

/* 右侧栏适配 */
body.securify-body .col-lg-4 .card {
  background: rgba(18, 18, 22, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

body.securify-body .col-lg-4 .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  padding: 1rem 1.25rem !important;
}

body.securify-body .col-lg-4 .list-group-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 0.75rem 1.25rem !important;
}

body.securify-body .col-lg-4 .list-group-item a {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

body.securify-body .col-lg-4 .list-group-item a:hover {
  color: #ffffff !important;
}

/* 页码样式微调 */
.securify-pagination-wrapper .pagination {
  margin-top: 1.5rem;
  justify-content: center;
}

.securify-pagination-wrapper .page-item .page-link {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 3px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.securify-pagination-wrapper .page-item:hover .page-link {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.securify-pagination-wrapper .page-item.active .page-link {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
  font-weight: 700;
}

/* ==========================================
   全站高端暗夜 Footer 样式
   ========================================== */

.securify-footer {
  background: #060a13;
  color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 0;
}

/* 多栏水平布局 */
.securify-footer-grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 3.5rem 0 2.5rem;
}

@media (min-width: 768px) {
  .securify-footer-grid {
    flex-direction: row;
    gap: 3rem;
  }
}

/* 品牌区占更多空间 */
.securify-footer-brand {
  flex: 1.6;
  min-width: 0;
}

/* 栏目导航列 */
.securify-footer-col {
  flex: 1;
  min-width: 0;
}

/* 品牌标识区 */
.securify-footer-logo-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none !important;
  margin-bottom: 1.25rem;
}

.securify-footer-logo-img {
  height: 2.2rem;
  max-width: 150px;
  object-fit: contain;
}

.securify-footer-logo-svg {
  width: 1.8rem;
  height: 1.8rem;
  color: #ffffff;
}

.securify-footer-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.securify-footer-brand-name {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.securify-footer-brand-en {
  font-size: 0.55rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  line-height: 1;
}

.securify-footer-slogan {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
  line-height: 1.6;
  margin: 0;
  max-width: 240px;
}

/* 栏目导航列 */
.securify-footer-col-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  letter-spacing: 0.02em;
}

.securify-footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.securify-footer-nav li a {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.securify-footer-nav li a:hover {
  color: #ffffff !important;
  padding-left: 4px;
}

/* 联系信息列 */
.securify-footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.securify-footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}

.footer-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.3);
}

/* 底部版权条 */
.securify-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 1.25rem 0;
}

.securify-footer-bottom-inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

@media (min-width: 768px) {
  .securify-footer-bottom-inner {
    flex-direction: row;
    justify-content: space-between;
  }
}

.securify-footer-copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1.25rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.25);
}

.securify-footer-copyright a {
  color: rgba(255, 255, 255, 0.3) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.securify-footer-copyright a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.securify-footer-copyright img {
  height: 14px;
  vertical-align: middle;
}

/* 访问统计 */
.securify-footer-stats {
  display: flex;
  gap: 1.25rem;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.2);
}

.securify-footer-stats strong {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 600;
}

/* ==========================================
   产品中心展示页 (psc-) 亮白科技风格样式
   ========================================== */

/* Hero 区域 */
.psc-hero {
  position: relative;
  padding: 10rem 0 5rem;
  text-align: center;
  overflow: hidden;
  background-image: url('../img/水晶背景图生成-3.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.psc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.95) 100%);
  z-index: 0;
  pointer-events: none;
}

.psc-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.psc-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.35;
}

.psc-glow-1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 70%);
  top: -20%;
  left: 15%;
  animation: psc-glow-float 8s ease-in-out infinite alternate;
}

.psc-glow-2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  bottom: -15%;
  right: 10%;
  animation: psc-glow-float 10s ease-in-out infinite alternate-reverse;
}

.psc-glow-3 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, transparent 70%);
  top: 20%;
  right: 35%;
  animation: psc-glow-float 12s ease-in-out infinite alternate;
}

@keyframes psc-glow-float {
  0% {
    transform: translate(0, 0) scale(1);
  }

  100% {
    transform: translate(30px, -20px) scale(1.15);
  }
}

.psc-hero-content {
  position: relative;
  z-index: 1;
}

.psc-hero-tag {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 1.5rem;
}

.psc-hero-title {
  margin: 0 0 1.5rem;
  line-height: 1.25;
}

.psc-title-line {
  display: block;
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.psc-title-line.psc-accent {
  background: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 50%, #0891b2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {
  .psc-title-line {
    font-size: 3.4rem;
  }
}

.psc-hero-subtitle {
  font-size: 1.05rem;
  color: #475569;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.8;
}

/* 产品展示区 */
.psc-showcase {
  background: #ffffff;
  padding: 4rem 0 6rem;
}

/* 单个产品卡片 */
.psc-box {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 3.5rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.psc-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .psc-box {
    flex-direction: row;
    height: 240px;
  }
}

/* 右侧视觉装饰区 */
.psc-box-visual {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  order: -1;
}

.psc-box-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%);
  z-index: 2;
}

@media (min-width: 768px) {
  .psc-box-visual {
    width: 42%;
    height: 100%;
    order: 1;
    flex-shrink: 0;
  }

  .psc-box-visual::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 35%);
  }
}

.psc-visual-pattern {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.psc-visual-icon {
  width: 52%;
  max-width: 180px;
  height: auto;
  opacity: 0.95;
  filter: drop-shadow(0 10px 25px rgba(59, 130, 246, 0.12));
}

.psc-visual-ai .psc-visual-icon {
  filter: drop-shadow(0 10px 25px rgba(139, 92, 246, 0.12));
}

.psc-visual-bid .psc-visual-icon {
  filter: drop-shadow(0 10px 25px rgba(6, 182, 212, 0.12));
}

.psc-dot-grid {
  position: absolute;
  inset: 0;
  opacity: 0.12;
  background-image: radial-gradient(circle, rgba(15, 23, 42, 0.2) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* 每个产品的视觉区专属渐变 */
.psc-visual-data {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(248, 250, 252, 0.85) 60%, rgba(59, 130, 246, 0.02) 100%);
}

.psc-visual-ai {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.06) 0%, rgba(248, 250, 252, 0.85) 60%, rgba(139, 92, 246, 0.02) 100%);
}

.psc-visual-bid {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.06) 0%, rgba(248, 250, 252, 0.85) 60%, rgba(6, 182, 212, 0.02) 100%);
}

/* 卡片内容区 */
.psc-box-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 2rem;
}

@media (min-width: 768px) {
  .psc-box-content {
    padding: 1.75rem 2.5rem;
  }
}

/* 产品真实图片 */
.psc-product-real-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.psc-box:hover .psc-product-real-img {
  transform: scale(1.05);
}

/* 产品头部 */
.psc-product-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.psc-hex-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: #3b82f6;
  flex-shrink: 0;
  margin-top: 6px;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

.psc-dot-purple {
  background: #8b5cf6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.3);
}

.psc-dot-cyan {
  background: #06b6d4;
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.3);
}

.psc-product-titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.psc-product-name {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
}

.psc-product-en {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.4);
}

.psc-product-desc {
  font-size: 0.9rem;
  color: #475569;
  line-height: 1.75;
  margin: 0 0 1.75rem;
}

.psc-action-container {
  margin-top: auto;
}

/* 合作咨询按钮 */
.psc-consult-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.6rem 1.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #2563eb !important;
  text-decoration: none !important;
  border: 1.5px solid rgba(37, 99, 235, 0.25);
  border-radius: 8px;
  background: transparent;
  transition: all 0.25s ease;
  width: fit-content;
}

.psc-consult-btn:hover {
  background: rgba(37, 99, 235, 0.05);
  border-color: #2563eb;
  transform: translateX(4px);
}

.psc-btn-purple {
  color: #7c3aed !important;
  border-color: rgba(124, 58, 237, 0.25);
}

.psc-btn-purple:hover {
  background: rgba(124, 58, 237, 0.05);
  border-color: #7c3aed;
}

.psc-btn-cyan {
  color: #0891b2 !important;
  border-color: rgba(8, 145, 178, 0.25);
}

.psc-btn-cyan:hover {
  background: rgba(8, 145, 178, 0.05);
  border-color: #0891b2;
}

/* 首页单栏与文章列表亮色重构（自适应 Hero 视频底部） */
.home-main-section {
  background-color: #f8fafc;
  /* 使用高品质淡灰色底色，以突显白色卡片 */
  color: #0f172a;
  position: relative;
  z-index: 5;
  margin-top: -1px;
  /* 紧贴 Hero 遮罩底部，不露缝 */
}

.home-main-section .securify-home-content-container {
  max-width: 860px;
  margin: 0 auto;
}

/* “最新文章”区域标题美化 */
.home-main-section .home-section-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0f172a;
  border-left: 4px solid #2563eb;
  padding-left: 0.85rem;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
  letter-spacing: 0.05em;
}

/* 文章列表卡片亮白化 */
.home-main-section #articleList li {
  display: flex !important;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 14px;
  padding: 1.25rem 1.5rem !important;
  margin-bottom: 1.25rem;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.015);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.home-main-section #articleList li:hover {
  transform: translateY(-2px);
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.15) !important;
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05);
}

/* 文章配图美化 */
.home-main-section #articleList .cm-d-flex-img {
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  object-fit: cover;
  width: 140px;
  height: 90px;
  transition: transform 0.4s ease;
}

.home-main-section #articleList li:hover .cm-d-flex-img {
  transform: scale(1.03);
}

.home-main-section #articleList .cm-link {
  color: #0f172a !important;
}

/* ==============================================================================
   三大核心业务板块 样式 (Business Sections) - 极致炫酷水晶还原版
   ============================================================================== */
.business-section {
  position: relative;
  padding: 7rem 0;
  background-color: #ffffff !important;
  /* 强制覆盖 body 的黑色底色，确保呈现白底白蓝科技波浪图 */
  background-image: url("../img/水晶背景图生成.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 992px) {
  .business-section {
    background-attachment: fixed;
    /* PC端视差效果 */
  }
}

.business-header {
  margin-bottom: 5rem;
  position: relative;
  z-index: 10;
}

/* 英文辅助小标题 */
.business-sub-title {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.18em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.business-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

/* 业务板块渐变蓝色 */
.text-blue-gradient {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-left: 0.2rem;
}

/* 标题下方圆润极细渐变条 */
.title-underline {
  width: 48px;
  height: 4px;
  background: linear-gradient(90deg, #1d4ed8, #60a5fa);
  border-radius: 9999px;
  margin: 1.5rem 0;
  /* 居左 */
  transition: width 0.3s ease;
}

.business-section:hover .title-underline {
  width: 72px;
}

.business-subtitle {
  font-size: 1.05rem;
  color: #64748b;
  max-width: 700px;
  line-height: 1.6;
}

.business-grid {
  position: relative;
  z-index: 10;
}



/* 磨砂玻璃卡片 */
.business-card {
  position: relative;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 28px;
  padding: 3rem 2.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 40px -20px rgba(17, 69, 146, 0.04),
    0 1px 3px rgba(0, 0, 0, 0.01);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 卡片底部的渐变背景色彩（默认隐藏，悬浮呈现） */
.business-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  pointer-events: none;
  opacity: 0.4;
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 0;
  transform: translateY(20px);
}

/* 卡片一底部蓝色渐变 */
.business-card.card-检察::after {
  background: radial-gradient(circle at 50% 100%, rgba(37, 99, 235, 0.12), transparent 70%);
}

/* 卡片二底部紫色渐变 */
.business-card.card-纪检::after {
  background: radial-gradient(circle at 50% 100%, rgba(139, 92, 246, 0.12), transparent 70%);
}

/* 卡片三底部绿蓝色渐变 */
.business-card.card-企业::after {
  background: radial-gradient(circle at 50% 100%, rgba(20, 184, 166, 0.12), transparent 70%);
}

/* 悬浮动效 */
.business-card:hover {
  transform: translateY(-12px);
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(17, 69, 146, 0.12);
  box-shadow: 0 30px 60px -20px rgba(17, 69, 146, 0.12),
    0 0 0 1px rgba(17, 69, 146, 0.03);
}

.business-card:hover::after {
  opacity: 1;
  transform: translateY(0);
}

/* 编号 */
.card-num-text {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  color: rgba(37, 99, 235, 0.22);
  line-height: 1;
  margin-bottom: 0.5rem;
  transition: all 0.5s ease;
}

.business-card:hover .card-num-text {
  color: rgba(37, 99, 235, 0.45);
}

.card-title-cn {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.3rem;
  transition: color 0.3s ease;
}

.business-card:hover .card-title-cn {
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-title-en {
  font-family: 'Readex Pro', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.12em;
}

/* 精致分割线 */
.card-divider {
  width: 32px;
  height: 2px;
  background-color: #e2e8f0;
  margin: 1.5rem 0;
  position: relative;
  z-index: 2;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.business-card:hover .card-divider {
  width: 64px;
  background: linear-gradient(90deg, #1d4ed8, #60a5fa);
}

.business-card-body {
  position: relative;
  z-index: 2;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.card-desc {
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 2rem;
  flex-grow: 1;
}

/* 胶囊标签组 */
.card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2.25rem;
}

.card-tag {
  font-size: 0.75rem;
  color: #64748b;
  background: rgba(17, 69, 146, 0.03);
  border: 1px solid rgba(17, 69, 146, 0.05);
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.business-card:hover .card-tag {
  background: rgba(17, 69, 146, 0.05);
  border-color: rgba(17, 69, 146, 0.1);
  color: #1d4ed8;
}

.card-tag:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border-color: #1d4ed8 !important;
  transform: translateY(-2px);
}

/* 了解更多 (带圆圈箭头) */
.card-more-link {
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #64748b;
  text-decoration: none !important;
  transition: all 0.3s ease;
  margin-top: auto;
  align-self: flex-start;
}

.arrow-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1.5px solid #cbd5e1;
  border-radius: 50%;
  margin-left: 0.6rem;
  font-size: 0.75rem;
  font-weight: bold;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.business-card:hover .card-more-link {
  color: #1d4ed8;
}

.business-card:hover .arrow-circle {
  border-color: #1d4ed8;
  background-color: #1d4ed8;
  color: #ffffff;
  transform: translateX(4px);
}

/* ==============================================================================
   企业文化板块 样式 (Corporate Culture Section) - 极具未来感的晶莹流光版
   ============================================================================== */
.culture-section {
  position: relative;
  padding: 8rem 0;
  background-color: #ffffff !important; 
  background-image: radial-gradient(circle at 50% 50%, #f1f5f9 0%, #ffffff 100%) !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* 科技背景图饰 */
.culture-bg-decor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.culture-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  -webkit-filter: blur(120px);
  opacity: 0.35;
}

.culture-glow.orb-1 {
  top: -10%;
  left: 20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.3) 0%, transparent 70%);
}

.culture-glow.orb-2 {
  bottom: -10%;
  right: 15%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(147, 197, 253, 0.25) 0%, transparent 70%);
}

.culture-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(37, 99, 235, 0.01) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.01) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.6;
}

.culture-header {
  margin-bottom: 5.5rem;
  position: relative;
  z-index: 10;
}

.culture-sub-title {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.culture-main-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.culture-main-title .title-top {
  font-size: 2.2rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 0.25rem;
}

.culture-main-title .title-bottom {
  font-size: 2.9rem;
  font-weight: 900;
}

/* 泰山品质渐变字及流动光效 */
.text-gradient-blue {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 30%, #0284c7 70%, #06b6d4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: titleGlow 8s linear infinite;
  display: inline-block;
}

@keyframes titleGlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* 科技修饰线 */
.culture-title-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.75rem auto;
  width: 160px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, 0.3) 50%, transparent 100%);
  position: relative;
}

.culture-title-line .line-dot {
  width: 7px;
  height: 7px;
  background-color: #1d4ed8;
  transform: rotate(45deg);
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.culture-subtitle {
  font-size: 1.05rem;
  color: #64748b;
  max-width: 650px;
  line-height: 1.7;
  margin: 0 auto;
}

.culture-grid-row {
  position: relative;
  z-index: 10;
}

/* 极致炫酷价值观卡片 */
.culture-card {
  position: relative;
  border-radius: 24px;
  padding: 3rem 2.25rem;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  box-shadow: 0 15px 35px -15px rgba(17, 69, 146, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.01);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1;
}


.culture-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  padding: 1.5px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 3;
  transition: background 0.5s ease;
}

.culture-card:hover::before {
  background: linear-gradient(135deg, #1d4ed8 0%, #06b6d4 100%);
}

/* 卡片 Hover 时整体质感与极光发光背影 */
.culture-card:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 30px 60px -20px rgba(17, 69, 146, 0.12),
    0 0 0 1px rgba(17, 69, 146, 0.03);
}

.culture-card-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.culture-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* 编号 */
.culture-num {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: rgba(148, 163, 184, 0.22);
  line-height: 1;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.culture-card:hover .culture-num {
  color: rgba(37, 99, 235, 0.35);
  transform: translate(3px, -3px);
}

/* 右上角精致科技加号微标 */
.card-corner-decor {
  width: 12px;
  height: 12px;
  position: relative;
  opacity: 0.6;
  transition: all 0.5s ease;
}

.card-corner-decor::before,
.card-corner-decor::after {
  content: '';
  position: absolute;
  background-color: #94a3b8;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-corner-decor::before {
  top: 5px;
  left: 0;
  width: 12px;
  height: 1.5px;
}

.card-corner-decor::after {
  top: 0;
  left: 5px;
  width: 1.5px;
  height: 12px;
}

.culture-card:hover .card-corner-decor {
  transform: rotate(90deg) scale(1.15);
  opacity: 1;
}

.culture-card:hover .card-corner-decor::before,
.culture-card:hover .card-corner-decor::after {
  background-color: #1d4ed8;
}

/* 价值观标题 */
.culture-card-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 0;
  transition: color 0.3s ease;
}

.culture-card:hover .culture-card-title {
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 精致渐变拉伸分隔线 */
.culture-card-line {
  width: 28px;
  height: 2px;
  background-color: #cbd5e1;
  margin: 1.25rem 0;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.culture-card:hover .culture-card-line {
  width: 56px;
  background: linear-gradient(90deg, #1d4ed8, #06b6d4);
}

/* 价值观文字描述 */
.culture-card-desc {
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 0;
}

/* 卡片内部亮蓝极光呼吸灯（卡片底部淡发光） */
.card-glow-element {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.culture-card:hover .card-glow-element {
  opacity: 1;
  bottom: -20px;
  width: 160px;
}

/* ==============================================================================
   AI 生态 × 研发协同板块 样式 (AI Collaboration Section)
   ============================================================================== */
.ai-collab-section {
  position: relative;
  padding: 5.5rem 0;
  background-color: #ffffff !important;
  background-image: radial-gradient(circle at 80% 20%, rgba(219, 234, 254, 0.45) 0%, rgba(255, 255, 255, 1) 70%) !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ai-header {
  margin-bottom: 3.5rem;
  position: relative;
  z-index: 10;
}

.ai-sub-title {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.ai-main-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.8rem;
  font-weight: 800;
  color: #1e293b;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

.ai-title-cross {
  color: #2563eb;
  font-weight: 400;
  margin: 0 0.5rem;
  display: inline-block;
}

/* 科技修饰线 */
.ai-title-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.25rem auto;
  width: 160px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, 0.3) 50%, transparent 100%);
  position: relative;
}

.ai-title-line .line-dot {
  width: 7px;
  height: 7px;
  background-color: #1d4ed8;
  transform: rotate(45deg);
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.ai-subtitle {
  font-size: 1.05rem;
  color: #64748b;
  max-width: 780px;
  line-height: 1.7;
  margin: 0 auto;
}

/* PC 端分栏自定义宽度 5:3.5:3.5 */
@media (min-width: 992px) {
  .ai-col-custom-width-left {
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
  }

  .ai-col-custom-width-mid {
    flex: 0 0 29.166667% !important;
    max-width: 29.166667% !important;
  }

  .ai-col-custom-width-right {
    flex: 0 0 29.166667% !important;
    max-width: 29.166667% !important;
  }
}

.ai-top-grid {
  margin-bottom: 2.25rem;
  position: relative;
  z-index: 10;
}

/* 核心大卡片基本样式 */
.ai-card {
  position: relative;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 15px 35px -15px rgba(17, 69, 146, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.01);
  height: 100%;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

.ai-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(37, 99, 235, 0.15);
  box-shadow: 0 30px 60px -20px rgba(17, 69, 146, 0.08),
    0 0 0 1px rgba(17, 69, 146, 0.02);
}

.ai-card-content {
  position: relative;
  z-index: 5;
  padding: 2.25rem 1.75rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 人机协同引擎专属卡片样式 */
.card-engine {
  background: rgba(255, 255, 255, 0.2);
}

.card-engine-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-engine:hover .card-engine-bg {
  transform: scale(1.05);
}

.card-engine-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 60%, rgba(255, 255, 255, 0.35) 100%);
  z-index: 2;
}

.badge-hub {
  font-size: 0.75rem;
  font-weight: 600;
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.08);
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  align-self: flex-start;
  margin-bottom: 1.25rem;
}

.engine-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.75rem;
}

.engine-desc {
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.engine-stats {
  display: flex;
  gap: 2.5rem;
  margin-top: auto;
}

.stat-item {
  display: flex;
  flex-direction: column;
}

.stat-num {
  font-family: 'Outfit', sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 0.35rem;
}

.stat-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
  letter-spacing: 0.02em;
}

/* 算力底座/研发主导 核心卡片样式 */
.base-card-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 1.5rem;
}

.base-model-group {
  margin-bottom: 1.25rem;
}

.model-group-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

.model-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.model-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: 0.85rem;
  font-weight: 600;
  color: #334155;
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.18);
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(17, 69, 146, 0.02);
  transition: all 0.25s ease;
}

.model-tag:hover {
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, 0.2);
  background-color: rgba(248, 250, 252, 0.95);
  color: #1d4ed8;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.06);
}

.model-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  min-width: 6px;
  min-height: 6px;
  border-radius: 50%;
  margin-right: 0.45rem;
  flex-shrink: 0;
  vertical-align: middle;
}

.model-dot.dot-blue {
  background-color: #2563eb;
  box-shadow: 0 0 6px rgba(37, 99, 235, 0.6);
}

.model-dot.dot-teal {
  background-color: #14b8a6;
  box-shadow: 0 0 6px rgba(20, 184, 166, 0.6);
}

.card-base-footer-text {
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.5;
  margin-top: auto;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

/* 研发主导卡片细节 */
.lead-items-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: auto;
  margin-bottom: auto;
}

.lead-item-row {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 14px;
  padding: 0.8rem 1.1rem;
  box-shadow: 0 4px 8px rgba(17, 69, 146, 0.015);
  transition: all 0.4s ease;
}

.lead-item-row:hover {
  transform: translateX(4px);
  border-color: rgba(37, 99, 235, 0.15);
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.05);
}

.lead-item-icon-wrapper {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 1.15rem;
  background: rgba(37, 99, 235, 0.05);
  border: 1px solid rgba(37, 99, 235, 0.08);
  position: relative;
}

/* 使用纯 CSS 画出三个精美的矢量图标，避免加载外部库 */
.lead-icon {
  display: block;
  position: relative;
}

/* 核心架构师图 (小方块/系统蓝图感) */
.icon-blueprint::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 12px;
  height: 12px;
  border: 2px solid #2563eb;
  border-radius: 3px;
}

/* 全栈敏捷开发图 (小尖括号感) */
.icon-code::before {
  content: '</>';
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: bold;
  color: #2563eb;
  position: absolute;
  top: -8px;
  left: -9px;
}

/* 信创质量测试图 (小盾牌/钩感) */
.icon-shield::before {
  content: '✓';
  font-size: 0.8rem;
  font-weight: 900;
  color: #2563eb;
  position: absolute;
  top: -9px;
  left: -5px;
}

.lead-item-text {
  flex-grow: 1;
}

.lead-item-name {
  font-size: 0.95rem;
  font-weight: 800;
  color: #334155;
  margin-bottom: 0.2rem;
}

.lead-item-sub {
  font-size: 0.78rem;
  color: #94a3b8;
  margin-bottom: 0;
}

.online-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

/* 绿色呼吸小圆点 */
.pulse-green {
  display: inline-block;
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background-color: #10b981;
  position: relative;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: glowPulse 2s infinite;
}

@keyframes glowPulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

/* 下方价值观核心能力四个小卡片 */
.ai-bottom-grid {
  position: relative;
  z-index: 10;
}

.ai-capability-card {
  position: relative;
  border-radius: 20px;
  padding: 2rem 1.5rem;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 25px -15px rgba(17, 69, 146, 0.03),
    0 1px 2px rgba(0, 0, 0, 0.01);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ai-capability-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  padding: 1.2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.15) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 3;
  transition: background 0.5s ease;
}

.ai-capability-card:hover::before {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.45) 0%, rgba(20, 184, 166, 0.25) 100%);
}

.ai-capability-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 40px -15px rgba(17, 69, 146, 0.08),
    0 0 0 1px rgba(17, 69, 146, 0.02);
}

.cap-header {
  margin-bottom: 1.25rem;
}

.cap-num {
  font-family: 'Outfit', sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: rgba(37, 99, 235, 0.18);
  line-height: 1;
  transition: all 0.5s ease;
}

.ai-capability-card:hover .cap-num {
  color: rgba(37, 99, 235, 0.42);
  transform: scale(1.05);
}

.cap-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 1rem;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.ai-capability-card:hover .cap-title {
  color: #1d4ed8;
}

.cap-desc {
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.65;
  margin-bottom: 0;
}

/* ==============================================================================
   产品详情页 专属样式 (Product Details Premium Style)
   ============================================================================== */
body.product-detail-body {
  background-color: #f8fafc !important;
}

.prod-breadcrumb {
  margin-bottom: 1.5rem;
}

.prod-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}

.prod-breadcrumb .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  font-size: 0.88rem;
}

.prod-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: "/";
  padding: 0 0.5rem;
  color: #cbd5e1;
}

.prod-breadcrumb .breadcrumb-item a {
  color: #64748b;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.prod-breadcrumb .breadcrumb-item a:hover {
  color: #2563eb;
}

.prod-breadcrumb .breadcrumb-item.active {
  color: #94a3b8;
}

/* 产品头部大卡片 */
.prod-hero-card {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px -10px rgba(17, 69, 146, 0.04);
  margin-bottom: 2rem;
  z-index: 10;
}

.prod-hero-img-wrapper {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.08);
  transition: transform 0.5s ease;
  display: inline-block;
  width: 100%;
}

.prod-hero-img-wrapper:hover {
  transform: translateY(-4px);
}

.prod-hero-img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}

.prod-hero-img-fallback {
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-hero-img-fallback .fallback-icon {
  font-size: 3.5rem;
}

.prod-hero-info {
  padding-left: 1.5rem;
}

@media (max-width: 991px) {
  .prod-hero-info {
    padding-left: 0;
    margin-top: 1.5rem;
  }
}

.prod-hero-en-tag {
  font-family: 'Outfit', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.15em;
  margin-bottom: 0.5rem;
}

.prod-hero-name {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
  margin-bottom: 0.75rem;
}

.prod-meta-bar {
  font-size: 0.88rem;
  display: flex;
  align-items: center;
  color: #64748b;
}

.prod-highlights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
}

@media (max-width: 575px) {
  .prod-highlights-grid {
    grid-template-columns: 1fr;
  }
}

.highlight-item {
  font-size: 0.92rem;
  font-weight: 600;
  color: #334155;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(0, 0, 0, 0.02);
  padding: 0.75rem 1rem;
  border-radius: 12px;
}

.highlight-dot {
  width: 6px;
  height: 6px;
  background-color: #2563eb;
  border-radius: 50%;
  margin-right: 0.75rem;
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.6);
  flex-shrink: 0;
}

.prod-hero-actions {
  display: flex;
}

.prod-consult-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #0284c7 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.85rem 2rem;
  border-radius: 14px;
  box-shadow: 0 10px 20px -8px rgba(37, 99, 235, 0.4);
  transition: all 0.4s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.prod-consult-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 25px -5px rgba(37, 99, 235, 0.6);
  background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 50%, #0369a1 100%);
}

.prod-consult-btn svg {
  margin-left: 0.75rem;
  transition: transform 0.3s ease;
}

.prod-consult-btn:hover svg {
  transform: translateX(4px);
}

/* 主内容卡片 */
.prod-main-content-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 24px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px -10px rgba(17, 69, 146, 0.04);
}

@media (max-width: 767px) {
  .prod-main-content-card {
    padding: 1.5rem;
  }
}

.section-card-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  color: #1e293b;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.decor-bar {
  width: 5px;
  height: 18px;
  background: #2563eb;
  border-radius: 3px;
  margin-right: 0.75rem;
  display: inline-block;
}

.prod-article-rich-text {
  font-size: 1.05rem;
  color: #334155;
  line-height: 1.85;
}

.prod-article-rich-text p {
  margin-bottom: 1.25rem;
}

.prod-article-rich-text img {
  margin: 1.5rem auto;
  display: block;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  max-width: 100%;
  height: auto;
}

/* 侧边栏热门推荐 */
.prod-sidebar-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  padding: 2rem 1.5rem;
  box-shadow: 0 10px 30px -10px rgba(17, 69, 146, 0.04);
  position: sticky;
  top: 6rem;
}

.sidebar-card-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}

.sidebar-prod-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.sidebar-prod-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 14px;
  padding: 0.75rem 1rem;
  box-shadow: 0 3px 6px rgba(17, 69, 146, 0.015);
  transition: all 0.35s ease;
  text-decoration: none !important;
}

.sidebar-prod-item:hover {
  transform: translateY(-2px) translateX(2px);
  border-color: rgba(37, 99, 235, 0.18);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.05);
}

.sidebar-prod-img-wrapper {
  width: 60px;
  height: 45px;
  border-radius: 8px;
  overflow: hidden;
  background: #f1f5f9;
  margin-right: 0.85rem;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.02);
}

.sidebar-prod-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sidebar-prod-img-wrapper .fallback-mini {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  font-size: 1.1rem;
}

.sidebar-prod-info {
  flex-grow: 1;
  min-width: 0;
}

.sidebar-prod-name {
  font-size: 0.92rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-prod-item:hover .sidebar-prod-name {
  color: #1d4ed8;
}

.sidebar-prod-desc {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* 卡片式上一页下一页 */
.prev-next-card {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  padding: 1.15rem 1.35rem;
  box-shadow: 0 6px 15px -8px rgba(17, 69, 146, 0.02);
  transition: all 0.4s ease;
  text-decoration: none !important;
}

.prev-next-card:hover:not(.disabled-card) {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 30px -10px rgba(37, 99, 235, 0.08);
}

.pn-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 0.35rem;
}

.prev-next-card:hover .pn-label {
  color: #2563eb;
}

.pn-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #334155;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.prev-next-card:hover .pn-title {
  color: #1e293b;
}

.disabled-card {
  background: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  opacity: 0.7;
}

.disabled-card .pn-title {
  color: #cbd5e1;
}

/* ==============================================================================
   业务领域专属入口 (channel-ywly.html) 集成方案白色明亮风格
   ============================================================================= */

/* ---- Hero 区域：全屏科技城市背景（明亮） ---- */
.ywly-hero {
  position: relative;
  min-height: 380px;
  height: 50vh;
  display: flex;
  align-items: center;
  padding-top: 5.5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.ywly-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.85) 100%);
  z-index: 1;
}

.ywly-hero-content {
  position: relative;
  z-index: 5;
}

.ywly-hero-tag {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: rgba(15, 23, 42, 0.5);
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.ywly-hero-title {
  font-family: 'Outfit', 'Inter', sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
  color: #0f172a;
}

@media (min-width: 768px) {
  .ywly-hero-title {
    font-size: 3.6rem;
  }
}

.ywly-hero-desc {
  font-size: 1.0rem;
  color: #475569;
  max-width: 700px;
  line-height: 1.7;
  margin-bottom: 2rem;
}

/* 面包屑导航 */
.ywly-breadcrumb .breadcrumb-item a {
  color: rgba(15, 23, 42, 0.55);
  text-decoration: none;
  transition: color 0.2s ease;
}

.ywly-breadcrumb .breadcrumb-item a:hover {
  color: #2563eb;
}

.ywly-breadcrumb .breadcrumb-item.active {
  color: #0f172a;
}

.ywly-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(15, 23, 42, 0.3);
}

/* ---- 卡片展示区 ---- */
.ywly-cards-section {
  padding: 5rem 0 7rem;
  background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  position: relative;
}

.ywly-section-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.ywly-section-title {
  font-family: 'Outfit', 'Inter', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.75rem;
}

.ywly-section-subtitle {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

/* ---- 背景图卡片 ---- */
.ywly-card-link {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  height: 100%;
}

.ywly-card {
  position: relative;
  height: 100%;
  min-height: 420px;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.ywly-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
}

/* 卡片背景图层 */
.ywly-card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}

.ywly-card:hover .ywly-card-bg {
  transform: scale(1.08);
}

/* 卡片遮罩 —— 底部白底微渐变，以增强深色文字可读性 */
.ywly-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.98) 100%);
  z-index: 2;
  transition: background 0.4s ease;
}

.ywly-card:hover .ywly-card-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 1) 100%);
}

/* 卡片文字内容层 */
.ywly-card-body {
  position: relative;
  z-index: 3;
  height: 100%;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2rem;
}

.ywly-card-badge {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: rgba(15, 23, 42, 0.55);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.ywly-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.6rem 0;
  transition: color 0.3s ease;
}

.ywly-card:hover .ywly-card-title {
  color: #2563eb;
}

.ywly-card-desc {
  font-size: 0.88rem;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ywly-card-features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}

.ywly-feature-tag {
  font-size: 0.72rem;
  padding: 0.3rem 0.7rem;
  border-radius: 100px;
  background: rgba(37, 99, 235, 0.04);
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.15);
  transition: all 0.3s ease;
}

.ywly-card:hover .ywly-feature-tag {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

.ywly-card-enter {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.88rem;
  font-weight: 500;
  color: #334155;
  transition: all 0.3s ease;
}

.ywly-card-enter svg {
  transition: transform 0.3s ease;
}

.ywly-card:hover .ywly-card-enter {
  color: #2563eb;
}

.ywly-card:hover .ywly-card-enter svg {
  transform: translateX(5px);
}

/* ==============================================================================
   列表无图占位兜底样式
   ============================================================================== */
.securify-card-img-placeholder {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.01);
  overflow: hidden;
}

.placeholder-svg {
  width: 50px;
  height: 50px;
  color: rgba(255, 255, 255, 0.3);
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;
}

.securify-channel-card:hover .placeholder-svg {
  transform: scale(1.05);
  color: rgba(255, 255, 255, 0.65);
}

.bg-glow-blue::before,
.bg-glow-cyan::before,
.bg-glow-purple::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.02) 0%, transparent 70%);
  filter: blur(20px);
}

/* ==============================================================================
   body.securify-body (暗黑主题) 下的右侧边栏适配
   ============================================================================== */

body.securify-body .col-lg-4 .px-4 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

body.securify-body .col-sm-4.d-lg-block h5 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.05rem;
  font-weight: 600;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

body.securify-body .col-sm-4.d-lg-block h5 i {
  color: rgba(255, 255, 255, 0.6) !important;
}

body.securify-body .col-sm-4.d-lg-block>div.px-2,
body.securify-body .col-sm-4.d-lg-block>div.px-3 {
  background: rgba(10, 10, 12, 0.5) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 16px !important;
  padding: 1.25rem !important;
  margin-bottom: 1.5rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.securify-body .col-sm-4.d-lg-block .cm-link {
  color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: none !important;
  font-size: 0.85rem !important;
  transition: color 0.2s ease !important;
}

body.securify-body .col-sm-4.d-lg-block .cm-link:hover {
  color: #ffffff !important;
}

body.securify-body .col-sm-4.d-lg-block .cm-video-card {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: transform 0.3s ease;
}

body.securify-body .col-sm-4.d-lg-block .cm-video-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.15);
}

body.securify-body .col-sm-4.d-lg-block .py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

body.securify-body .col-sm-4.d-lg-block .py-3:last-child {
  border-bottom: none;
}

body.securify-body .col-sm-4.d-lg-block .cm-trans-bottom {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(4px);
}

body.securify-body .col-sm-4.d-lg-block .btn-secondary {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: all 0.2s ease !important;
}

body.securify-body .col-sm-4.d-lg-block .btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ==============================================================================
   解决方案列表页 样式 (Solutions List Page Template Style)
   ============================================================================== */
.sol-hero {
  position: relative;
  padding: 6.5rem 0 5.5rem;
  background-color: #ffffff;
  background-image: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sol-hero-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.sol-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  -webkit-filter: blur(120px);
  opacity: 0.4;
}

.sol-glow-1 {
  top: -10%;
  left: 15%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.3) 0%, transparent 70%);
}

.sol-glow-2 {
  bottom: -10%;
  right: 15%;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(147, 197, 253, 0.25) 0%, transparent 70%);
}

.sol-grid-decor {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(rgba(37, 99, 235, 0.012) 1px, transparent 1px), 
                    linear-gradient(90deg, rgba(37, 99, 235, 0.012) 1px, transparent 1px);
  background-size: 50px 50px;
  opacity: 0.8;
}

.sol-hero-content {
  position: relative;
  z-index: 5;
}

.sol-hero-tag {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.2em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.sol-hero-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.6rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}

.sol-hero-subtitle {
  font-size: 1.1rem;
  color: #475569;
  max-width: 720px;
  line-height: 1.75;
  margin: 0 auto 2rem;
}

/* 面包屑导航样式 */
.sol-breadcrumb {
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 0.6rem 1.5rem;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
}

.sol-breadcrumb .breadcrumb-link {
  color: #64748b;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 0.25s ease;
}

.sol-breadcrumb .breadcrumb-link:hover {
  color: #2563eb;
}

.sol-breadcrumb .breadcrumb-active {
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 600;
}

/* 分类筛选导航条 */
.sol-filter-section {
  background: #ffffff;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.sol-filter-bar {
  gap: 0.75rem;
}

.sol-filter-btn {
  display: inline-block;
  padding: 0.55rem 1.35rem;
  font-size: 0.92rem;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  border-radius: 100px;
  background: transparent;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
}

.sol-filter-btn:hover {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.04);
}

.sol-filter-btn.active {
  color: #ffffff;
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
}

/* 列表展示区 */
.sol-list-section {
  background-color: #f8fafc;
  padding: 5rem 0;
}

.sol-grid-row {
  margin-bottom: -1rem;
}

/* 卡片整体设计 */
.sol-card {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sol-card:hover {
  transform: translateY(-8px);
  border-color: rgba(37, 99, 235, 0.25);
  box-shadow: 0 20px 32px rgba(15, 23, 42, 0.08);
}

/* 图片区域 */
.sol-card-img-wrapper {
  position: relative;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #f1f5f9;
}

.sol-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.sol-card:hover .sol-card-img {
  transform: scale(1.06);
}

/* 后台未配图时 SVG 占位图 */
.sol-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.sol-card-placeholder.glow-blue {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.sol-card-placeholder.glow-cyan {
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
}

.sol-card-placeholder.glow-purple {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
}

.sol-placeholder-grid {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(rgba(148, 163, 184, 0.03) 1px, transparent 1px), 
                    linear-gradient(90deg, rgba(148, 163, 184, 0.03) 1px, transparent 1px);
  background-size: 15px 15px;
}

.sol-placeholder-svg {
  width: 55px;
  height: 55px;
  position: relative;
  z-index: 2;
  transition: transform 0.4s ease;
}

.sol-card:hover .sol-placeholder-svg {
  transform: scale(1.1) rotate(5deg);
}

/* 图片左上角悬浮的分类徽章 */
.sol-card-badge {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  z-index: 5;
  padding: 0.35rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #2563eb;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 100px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05);
  border: 1px solid rgba(226, 232, 240, 0.5);
}

/* 卡片文本内容 */
.sol-card-body {
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.sol-card-title {
  margin-bottom: 0.85rem;
  line-height: 1.45;
}

.sol-card-title-link {
  font-size: 1.28rem;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
  transition: color 0.25s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sol-card-title-link:hover {
  color: #2563eb;
}

.sol-card-desc {
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.65;
  margin-bottom: 1.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-grow: 1;
}

/* 卡片页脚 */
.sol-card-footer {
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  padding-top: 1.1rem;
}

.sol-card-date {
  font-size: 0.82rem;
  color: #94a3b8;
}

.sol-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  padding: 0.45rem 0.95rem;
  border-radius: 100px;
  background: rgba(37, 99, 235, 0.03);
  border: 1px solid rgba(37, 99, 235, 0.2);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.sol-action-btn:hover {
  color: #ffffff;
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25);
}

.sol-btn-arrow {
  transition: transform 0.3s ease;
}

.sol-action-btn:hover .sol-btn-arrow {
  transform: translateX(3px);
}

/* 自适应分页组件包装器（与已有的 CSS 分页结构打通） */
.sol-pagination-wrapper .pagination {
  margin: 0;
  display: flex;
  gap: 0.35rem;
}

.sol-pagination-wrapper .page-link {
  border-radius: 8px !important;
  color: #475569;
  border: 1px solid rgba(226, 232, 240, 0.8);
  background: #ffffff;
  padding: 0.5rem 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.sol-pagination-wrapper .page-item.active .page-link {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

.sol-pagination-wrapper .page-link:hover {
  background: rgba(37, 99, 235, 0.04);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.25);
}

/* 缺省页设计 */
.sol-empty-state {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 5rem 2rem;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
}

.sol-empty-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.5rem;
}

.sol-empty-desc {
  font-size: 0.95rem;
  color: #64748b;
  margin-bottom: 1.5rem;
}

.sol-empty-btn {
  display: inline-block;
  padding: 0.6rem 1.6rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: #ffffff;
  background: #2563eb;
  border-radius: 100px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
}

.sol-empty-btn:hover {
  background: #1d4ed8;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(29, 78, 216, 0.25);
}

/* ==============================================================================
   解决方案详情页 样式 (Solutions Detail Page Template Style)
   ============================================================================== */
.sol-art-hero {
  position: relative;
  padding: 6.5rem 0 5rem;
  background-color: #ffffff;
  background-image: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sol-art-hero-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.sol-art-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  -webkit-filter: blur(120px);
  opacity: 0.35;
}

.sol-art-glow-1 {
  top: -10%;
  left: 20%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.3) 0%, transparent 70%);
}

.sol-art-glow-2 {
  bottom: -10%;
  right: 20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.2) 0%, transparent 70%);
}

.sol-art-grid-decor {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(rgba(37, 99, 235, 0.01) 1px, transparent 1px), 
                    linear-gradient(90deg, rgba(37, 99, 235, 0.01) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.7;
}

.sol-art-hero-content {
  position: relative;
  z-index: 5;
}

.sol-art-breadcrumb {
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 0.55rem 1.5rem;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
  margin-bottom: 2rem;
}

.sol-art-breadcrumb .breadcrumb-link {
  color: #64748b;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 0.25s ease;
}

.sol-art-breadcrumb .breadcrumb-link:hover {
  color: #2563eb;
}

.sol-art-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #94a3b8;
}

.sol-art-tag {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.22em;
  margin-bottom: 0.85rem;
}

.sol-art-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.35;
  max-width: 900px;
  margin: 0 auto 1.5rem;
}

.sol-art-meta {
  font-size: 0.88rem;
  color: #64748b;
}

.sol-art-meta .meta-item {
  display: inline-flex;
  align-items: center;
}

/* 主内容布局区 (增加 taishan_bg.jpg 固定背景与视差滚动) */
.sol-art-main-section {
  position: relative;
  background-image: url('../img/taishan_bg.jpg');
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 4.5rem 0 6rem;
  z-index: 1;
}

/* 在背景图之上覆盖一层薄薄的蓝白淡雅高透光蒙层，保证文字卡片边缘和页面边缘的极高美观度 */
.sol-art-main-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.82) 0%, rgba(248, 250, 252, 0.65) 50%, rgba(239, 246, 255, 0.82) 100%);
  z-index: -1;
  pointer-events: none;
}

.sol-art-main-section .container {
  position: relative;
  z-index: 10;
}

/* 核心文章卡片 (改为纯白微透明高斯模糊面板，质感拉满) */
.sol-art-main-card {
  position: relative;
  z-index: 12;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
  padding: 3rem;
}

.sol-art-section-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.sol-art-decor-bar {
  width: 4px;
  height: 18px;
  background: #2563eb;
  border-radius: 4px;
}

/* 富文本正文精细排版 */
.sol-art-body {
  font-size: 1.08rem;
  color: #334155;
  line-height: 1.95;
  letter-spacing: 0.02em;
}

.sol-art-body p {
  margin-bottom: 1.6rem !important;
  text-align: justify;
}

/* 富文本中可能出现的排版大标题 */
.sol-art-body h1, 
.sol-art-body h2 {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-top: 2.8rem !important;
  margin-bottom: 1.25rem !important;
  line-height: 1.4 !important;
  border-left: 4px solid #2563eb;
  padding-left: 14px;
}

.sol-art-body h3 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-top: 2.2rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.4 !important;
  padding-left: 6px;
}

.sol-art-body strong {
  color: #0f172a;
  font-weight: 700;
}

.sol-art-body img {
  max-width: 100% !important;
  height: auto !important;
  margin: 2rem auto !important;
  display: block;
}

/* 上一篇 / 下一篇 */
.sol-art-pn-row {
  margin-top: 2rem;
}

.sol-art-pn-card {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.75rem;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 15px rgba(15, 23, 42, 0.01);
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
}

.sol-art-pn-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.2);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}

.sol-art-pn-card .pn-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.25s ease;
}

.sol-art-pn-card:hover .pn-label {
  color: #2563eb;
}

.sol-art-pn-card .pn-title {
  font-size: 1rem;
  font-weight: 700;
  color: #334155;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s ease;
}

.sol-art-pn-card:hover .pn-title {
  color: #0f172a;
}

.sol-art-pn-card.disabled-card {
  opacity: 0.65;
  cursor: not-allowed;
}

/* 侧边栏通用设计 */
.sol-art-sidebar-card {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
  padding: 2rem;
}

/* CTA 营销咨询卡片 */
.sol-art-cta-card {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%) !important;
  color: #ffffff;
  border: none;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.15);
  position: relative;
  overflow: hidden;
}

.sol-art-cta-card::before {
  content: '';
  position: absolute;
  top: -30%; right: -20%;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.cta-icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #38bdf8;
  margin-bottom: 1.25rem;
}

.cta-title {
  font-size: 1.3rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.cta-desc {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin-bottom: 1.75rem;
}

.cta-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  background: #ffffff;
  color: #1d4ed8;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none !important;
  padding: 0.75rem 1.5rem;
  border-radius: 100px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.cta-action-btn:hover {
  transform: translateY(-2px);
  background: #f8fafc;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  color: #1e40af;
}

/* 同类推荐卡片列表 */
.sidebar-block-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
}

.sidebar-solution-list {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.sidebar-sol-item {
  display: flex;
  gap: 1rem;
  text-decoration: none !important;
  transition: all 0.25s ease;
  padding: 0.25rem;
  border-radius: 12px;
}

.sidebar-sol-item:hover {
  background: rgba(37, 99, 235, 0.03);
}

.sidebar-sol-img {
  width: 72px;
  height: 52px;
  border-radius: 8px;
  overflow: hidden;
  background: #f1f5f9;
  flex-shrink: 0;
}

.sidebar-sol-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.sidebar-sol-item:hover .sidebar-sol-img img {
  transform: scale(1.05);
}

.fallback-icon-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  font-size: 1.1rem;
}

.sidebar-sol-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.sidebar-sol-name {
  font-size: 0.92rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.35rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s ease;
}

.sidebar-sol-item:hover .sidebar-sol-name {
  color: #2563eb;
}

.sidebar-sol-date {
  font-size: 0.78rem;
  color: #94a3b8;
}

/* 弹窗样式 */
.sol-art-modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.sol-art-modal-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.sol-art-modal-content {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  width: 90%;
  max-width: 480px;
  padding: 2.5rem;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15);
  position: relative;
  transform: translateY(20px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.sol-art-modal-overlay.active .sol-art-modal-content {
  transform: translateY(0);
}

.sol-art-modal-close {
  position: absolute;
  top: 1.25rem; right: 1.25rem;
  background: transparent;
  border: none;
  font-size: 1.8rem;
  color: #64748b;
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s ease;
}

.sol-art-modal-close:hover {
  color: #0f172a;
}

.sol-art-modal-title {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.5rem;
  text-align: center;
}

.sol-art-modal-subtitle {
  font-size: 0.88rem;
  color: #64748b;
  text-align: center;
  margin-bottom: 2rem;
}

.sol-art-modal-info-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.sol-art-modal-info-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 12px;
  padding: 0.95rem 1.25rem;
}

.modal-info-icon {
  width: 20px;
  height: 20px;
  color: #2563eb;
  margin-right: 0.75rem;
}

.info-label {
  font-size: 0.92rem;
  font-weight: 600;
  color: #475569;
}

.info-value {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.info-value:hover {
  color: #2563eb;
}

.sol-art-modal-action {
  text-align: center;
}

.sol-art-modal-btn {
  background: #2563eb;
  color: #ffffff;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.75rem 2.5rem;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
  transition: all 0.3s ease;
}

.sol-art-modal-btn:hover {
  background: #1d4ed8;
  box-shadow: 0 6px 18px rgba(29, 78, 216, 0.25);
}

/* ==============================================================================
   百度文库式：正文截断、渐变遮罩、微信解锁及复制样式
   ============================================================================== */
.sol-art-body-wrapper {
  position: relative;
  max-height: 480px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

/* 百度文库核心：向下羽化渐变白遮罩 */
.sol-art-body-fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 75%, #ffffff 100%);
  pointer-events: none;
  z-index: 5;
}

/* 解锁面板引导区 */
.sol-art-unlock-box {
  position: relative;
  z-index: 10;
  margin-top: 3.5rem;
  padding: 3rem 2rem 2rem;
  background: rgba(239, 246, 255, 0.35);
  border: 1.5px dashed rgba(37, 99, 235, 0.22);
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.01);
}

.unlock-icon-container {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.08);
}

.unlock-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.6rem;
}

.unlock-desc {
  font-size: 0.92rem;
  color: #64748b;
  margin-bottom: 1.75rem;
}

/* 微信解锁动作按钮（微信经典绿） */
.unlock-btn-weixin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #07c160;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none !important;
  padding: 0.85rem 2.5rem;
  border-radius: 100px;
  box-shadow: 0 6px 20px rgba(7, 193, 96, 0.25);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid #07c160;
}

.unlock-btn-weixin:hover {
  transform: translateY(-2px);
  background: #06ae54;
  border-color: #06ae54;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(6, 174, 84, 0.35);
}

.unlock-copy-tip-bar {
  font-size: 0.88rem;
  color: #475569;
}

.unlock-copy-tip-bar .wechat-num {
  color: #07c160;
  font-weight: 700;
}

.tip-item {
  font-size: 0.82rem;
  color: #64748b;
  display: inline-flex;
  align-items: center;
}

.tip-item i {
  color: #2563eb;
}

/* 弹窗中的高颜值微信复制卡片 */
.sol-art-wechat-card {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  border-radius: 16px;
  padding: 1.75rem 1.5rem;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.01);
}

.wechat-badge-icon {
  font-size: 1.8rem;
  color: #52c41a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: rgba(82, 196, 26, 0.1);
  border-radius: 50%;
  margin: 0 auto;
}

.wechat-text-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #475569;
}

.wechat-number-highlight {
  font-size: 1.75rem;
  font-weight: 800;
  color: #1d4ed8;
  letter-spacing: 0.05em;
  font-family: 'Outfit', 'Consolas', monospace;
}

.wechat-copy-action-btn {
  background: #52c41a;
  color: #ffffff;
  border: none;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.55rem 1.5rem;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(82, 196, 26, 0.2);
  transition: all 0.2s ease;
}

.wechat-copy-action-btn:hover {
  background: #389e0d;
  box-shadow: 0 6px 14px rgba(56, 158, 13, 0.3);
}

.wechat-copy-success-tip {
  color: #52c41a;
  font-size: 0.78rem;
  font-weight: 600;
  margin-top: 0.65rem;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ==============================================================================
   新闻动态列表页 样式 (News List Page Template Style)
   ============================================================================== */
.news-hero {
  position: relative;
  padding: 6.5rem 0 5.5rem;
  background-color: #ffffff;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.news-hero-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}

/* 新闻顶部/底部白色平滑过渡遮罩，融合接缝 */
.news-hero-overlay-top {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 90px;
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.news-hero-overlay-bottom {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 100px;
  background: linear-gradient(to top, #f8fafc 0%, rgba(248, 250, 252, 0.5) 60%, rgba(248, 250, 252, 0) 100%);
  z-index: 2;
}

.news-hero-content {
  position: relative;
  z-index: 5;
}

.news-hero-tag {
  font-family: 'Outfit', 'Readex Pro', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.22em;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
}

.news-hero-title {
  font-family: 'Readex Pro', 'Microsoft YaHei', sans-serif;
  font-size: 2.6rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}

.news-hero-subtitle {
  font-size: 1.1rem;
  color: #475569;
  max-width: 720px;
  line-height: 1.75;
  margin: 0 auto 2rem;
}

/* 新闻面包屑 */
.news-breadcrumb {
  display: inline-block;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.85);
  padding: 0.6rem 1.6rem;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
}

.news-breadcrumb .breadcrumb-link {
  color: #64748b;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 0.25s ease;
}

.news-breadcrumb .breadcrumb-link:hover {
  color: #2563eb;
}

.news-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #94a3b8;
}

.news-breadcrumb .breadcrumb-active {
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 600;
}

/* 子目录筛选导航 */
.news-filter-section {
  background: #ffffff;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.news-filter-bar {
  gap: 0.75rem;
}

.news-filter-btn {
  display: inline-block;
  padding: 0.55rem 1.4rem;
  font-size: 0.92rem;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  border-radius: 100px;
  background: transparent;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
}

.news-filter-btn:hover {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.04);
}

.news-filter-btn.active {
  color: #ffffff;
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
}

/* 主体资讯大区 */
.news-main-section {
  background-color: #f8fafc;
  padding: 4.5rem 0 6rem;
}

.news-card-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* 新闻横排卡片 */
.news-card {
  display: flex;
  gap: 2.25rem;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
  padding: 1.5rem;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.news-card:hover {
  transform: translateY(-6px);
  border-color: rgba(37, 99, 235, 0.25);
  box-shadow: 0 20px 32px rgba(15, 23, 42, 0.08);
}

/* 缩略图 */
.news-card-img-wrapper {
  position: relative;
  width: 280px;
  aspect-ratio: 16/11;
  border-radius: 14px;
  overflow: hidden;
  background: #f1f5f9;
  flex-shrink: 0;
}

.news-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.news-card:hover .news-card-img {
  transform: scale(1.05);
}

/* 后台无图占位 */
.news-card-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.news-card-placeholder.ph-blue {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.news-card-placeholder.ph-cyan {
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
}

.news-card-placeholder.ph-purple {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
}

.ph-decor-grid {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(rgba(148, 163, 184, 0.03) 1px, transparent 1px), 
                    linear-gradient(90deg, rgba(148, 163, 184, 0.03) 1px, transparent 1px);
  background-size: 14px 14px;
}

.ph-svg {
  width: 50px;
  height: 50px;
  z-index: 2;
  transition: transform 0.4s ease;
}

.news-card:hover .ph-svg {
  transform: scale(1.1);
}

/* 新闻分类徽标 */
.news-card-badge {
  position: absolute;
  top: 0.85rem;
  left: 0.85rem;
  z-index: 5;
  padding: 0.3rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: #2563eb;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 100px;
  box-shadow: 0 4px 8px rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(226, 232, 240, 0.5);
}

/* 卡片右侧内容 */
.news-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  min-width: 0;
}

.news-card-meta {
  font-size: 0.82rem;
  color: #94a3b8;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

.news-card-title {
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.news-card-title-link {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
  transition: color 0.25s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-title-link:hover {
  color: #2563eb;
}

.news-card-summary {
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.65;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-footer {
  display: flex;
  align-items: center;
}

.news-read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.news-read-more:hover {
  color: #1d4ed8;
}

.news-read-more .arrow {
  transition: transform 0.3s ease;
}

.news-read-more:hover .arrow {
  transform: translateX(4px);
}

/* 新闻列表分页样式 */
.news-pagination-wrapper .pagination {
  margin: 0;
  display: flex;
  gap: 0.35rem;
}

.news-pagination-wrapper .page-link {
  border-radius: 8px !important;
  color: #475569;
  border: 1px solid rgba(226, 232, 240, 0.8);
  background: #ffffff;
  padding: 0.5rem 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.news-pagination-wrapper .page-item.active .page-link {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

.news-pagination-wrapper .page-link:hover {
  background: rgba(37, 99, 235, 0.04);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.25);
}

/* 侧边栏通用卡片 */
.news-sidebar-card {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
  padding: 1.75rem;
}

.sidebar-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 0.75rem;
  margin-bottom: 0;
}

/* 搜索栏样式 */
.news-search-form .news-search-input {
  border-radius: 100px 0 0 100px !important;
  border: 1px solid rgba(226, 232, 240, 0.9);
  padding: 0.6rem 1.25rem;
  font-size: 0.88rem;
  background-color: #f8fafc;
  color: #334155;
  box-shadow: none !important;
  transition: all 0.25s ease;
}

.news-search-form .news-search-input:focus {
  border-color: rgba(37, 99, 235, 0.35);
  background-color: #ffffff;
}

.news-search-form .news-search-btn {
  border-radius: 0 100px 100px 0 !important;
  background: #2563eb;
  color: #ffffff;
  padding: 0.6rem 1.25rem;
  border: 1px solid #2563eb;
  transition: all 0.25s ease;
}

.news-search-form .news-search-btn:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
}

/* 侧栏热点新闻 */
.sidebar-hot-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.hot-news-item {
  display: flex;
  gap: 0.85rem;
  text-decoration: none !important;
  align-items: flex-start;
}

.hot-num {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #e2e8f0;
  color: #64748b;
  font-weight: 700;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.15rem;
  font-family: 'Outfit', sans-serif;
  transition: all 0.2s ease;
}

.hot-num.hot-top {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
}

.hot-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.hot-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.25rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.hot-news-item:hover .hot-name {
  color: #2563eb;
}

.hot-news-item:hover .hot-num.hot-top {
  transform: scale(1.08);
}

.hot-date {
  font-size: 0.75rem;
  color: #94a3b8;
}

/* 侧栏电话 CTA */
.news-sidebar-cta {
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%) !important;
  border: 1px solid rgba(226, 232, 240, 0.7);
}

.cta-logo-badge {
  font-size: 2.2rem;
  color: #2563eb;
  display: inline-block;
  animation: floatIcon 4s ease-in-out infinite;
}

@keyframes floatIcon {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

.news-sidebar-cta .cta-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.5rem;
}

.news-sidebar-cta .cta-desc {
  font-size: 0.85rem;
  color: #64748b;
  line-height: 1.55;
  margin-bottom: 1.5rem;
}

.cta-phone-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #2563eb;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.65rem 2rem;
  border-radius: 100px;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
  transition: all 0.25s ease;
  width: 100%;
}

.cta-phone-btn:hover {
  background: #1d4ed8;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(29, 78, 216, 0.25);
  transform: translateY(-1px);
}

/* 响应式样式适配 (移动端) */
@media (max-width: 768px) {
  .news-hero-title {
    font-size: 2rem;
  }
  
  .news-card {
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.15rem;
  }
  
  .news-card-img-wrapper {
    width: 100%;
    aspect-ratio: 16/9;
  }
  
  .news-card-title-link {
    font-size: 1.15rem;
  }
  
  .news-main-section {
    padding: 3rem 0 4rem;
  }
}

/* 缺省页设计 */
.news-empty-state {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  padding: 4rem 2rem;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
}

.empty-icon {
  font-size: 2.5rem;
}

.empty-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #334155;
}

.empty-desc {
  font-size: 0.9rem;
  color: #64748b;
  margin-bottom: 1.25rem;
}

.empty-btn {
  display: inline-block;
  padding: 0.55rem 1.5rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: #ffffff;
  background: #2563eb;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.15);
}

.empty-btn:hover {
  background: #1d4ed8;
  color: #ffffff;
}

/* ==============================================================================
   公司概况（About Company）模板样式
   ============================================================================== */
.comp-hero {
  position: relative;
  padding: 8rem 0 7rem;
  background-color: #ffffff;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}

.comp-hero-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 1;
}

.comp-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.12;
  mix-blend-mode: multiply;
}

.comp-glow-1 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, #2563eb 0%, rgba(37,99,235,0) 70%);
  top: -100px;
  left: 10%;
}

.comp-glow-2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #06b6d4 0%, rgba(6,182,212,0) 70%);
  bottom: -100px;
  right: 10%;
}

.comp-grid-decor {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    radial-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 24px 24px, 100% 100%;
  z-index: 1;
}

.comp-hero-content {
  position: relative;
  z-index: 5;
}

.comp-hero-tag {
  font-family: 'Outfit', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.22em;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
}

.comp-hero-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}

.comp-hero-subtitle {
  font-size: 1.12rem;
  color: #475569;
  max-width: 780px;
  line-height: 1.8;
  margin: 0 auto 2.25rem;
}

/* 面包屑 */
.comp-breadcrumb {
  display: inline-block;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.85);
  padding: 0.6rem 1.6rem;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
}

.comp-breadcrumb .breadcrumb-link {
  color: #64748b;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 0.25s ease;
}

.comp-breadcrumb .breadcrumb-link:hover {
  color: #2563eb;
}

.comp-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #94a3b8;
}

.comp-breadcrumb .breadcrumb-active {
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 600;
}

/* 粘性楼层导航 */
.comp-nav-section {
  position: sticky;
  top: 0; /* 适配主导航栏不吸顶，在最顶端吸顶 */
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  z-index: 99;
  transition: all 0.3s ease;
}

.comp-nav-section.fixed-nav {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.comp-nav-bar {
  gap: 1.5rem;
  padding: 0.85rem 0;
}

.comp-nav-link {
  display: inline-block;
  padding: 0.55rem 1.6rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none !important;
  border-radius: 100px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.comp-nav-link:hover {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.04);
}

.comp-nav-link.active {
  color: #ffffff;
  background: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

/* 内容板块 */
.comp-content-wrapper {
  background: #ffffff;
}

.comp-section {
  padding: 7rem 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
  scroll-margin-top: 150px;
  transition: all 0.5s ease;
}

.comp-section.section-alt {
  background-color: #f8fafc;
}

.comp-section-header {
  margin-bottom: 4.5rem;
}

.comp-section-tag {
  font-family: 'Outfit', sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  padding: 0.25rem 0.85rem;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 1rem;
}

.comp-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 1rem;
}

.comp-section-line {
  width: 48px;
  height: 4px;
  background: #2563eb;
  border-radius: 10px;
  margin: 0 auto 1.25rem;
}

.comp-section-desc {
  font-size: 1rem;
  color: #64748b;
  max-width: 640px;
  margin: 0 auto;
}

/* 模块 1：公司简介排版 */
.intro-text-box {
  padding-right: 1.5rem;
}

.intro-quote {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1e3a8a;
  border-left: 4px solid #2563eb;
  padding-left: 1.25rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.intro-rich-text {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #334155;
  text-align: justify;
}

.intro-rich-text p {
  margin-bottom: 1.25rem;
  text-indent: 2em;
}

.intro-img-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.intro-img-wrapper:hover {
  transform: translateY(-5px);
}

.intro-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.intro-img-wrapper:hover .intro-img {
  transform: scale(1.03);
}

.intro-img-placeholder {
  height: 380px;
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.placeholder-grid {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: linear-gradient(rgba(37,99,235,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* 模块 2：公司荣誉排版 */
.honor-container {
  max-width: 1000px;
  margin: 0 auto;
}

.honor-card-main {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 24px;
  padding: 3.5rem 3rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
}

.honor-rich-text {
  font-size: 1.05rem;
  line-height: 1.95;
  color: #334155;
}

.honor-rich-text p {
  margin-bottom: 1.5rem;
}

.honor-rich-text img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 1.5rem auto;
  display: block;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: all 0.3s ease;
}

.honor-rich-text img:hover {
  transform: scale(1.02);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

/* 模块 3：发展方向排版 */
.direction-container {
  max-width: 1050px;
  margin: 0 auto;
}

.direction-rich-text {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #334155;
}

.direction-rich-text.no-img {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 24px;
  padding: 3.5rem 3rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
}

.direction-rich-text p {
  margin-bottom: 1.25rem;
  text-indent: 2em;
}

/* 列表渲染增强 */
.direction-rich-text ul,
.intro-rich-text ul,
.honor-rich-text ul {
  list-style: none;
  padding-left: 0;
  margin: 1.5rem 0;
}

.direction-rich-text ul li,
.intro-rich-text ul li,
.honor-rich-text ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

.direction-rich-text ul li::before,
.intro-rich-text ul li::before,
.honor-rich-text ul li::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  width: 6px;
  height: 6px;
  background-color: #2563eb;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.6);
}

.direction-img-wrapper {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: transform 0.4s ease;
}

.direction-img-wrapper:hover {
  transform: translateY(-5px);
}

.direction-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* 默认兜底板块排版 */
.default-section-container {
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 24px;
  padding: 3.5rem 3rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);
}

.default-rich-text {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #334155;
}

/* 响应式样式 */
@media (max-width: 991px) {
  .comp-nav-section.fixed-nav {
    top: 69px;
  }
  
  .comp-hero-title {
    font-size: 2.2rem;
  }
  
  .comp-section {
    padding: 4.5rem 0;
  }
  
  .comp-section-header {
    margin-bottom: 3rem;
  }
  
  .comp-nav-bar {
    gap: 0.75rem;
    padding: 0.65rem 0;
  }
  
  .comp-nav-link {
    padding: 0.45rem 1.1rem;
    font-size: 0.88rem;
  }
  
  .honor-card-main,
  .direction-rich-text.no-img,
  .default-section-container {
    padding: 2rem 1.5rem;
  }
  
  .intro-text-box {
    padding-right: 0;
  }
}

/* ==============================================================================
   新闻详情页专属样式 (Article News Page Style)
   ============================================================================== */
.news-art-main-section {
  background-color: #f8fafc;
}

.news-art-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 24px;
  padding: 3.5rem 3rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02);
}

.news-art-title {
  font-size: 2.3rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}

.news-tag-badge {
  font-size: 0.78rem;
  font-weight: 600;
  color: #2563eb !important;
  background-color: rgba(37, 99, 235, 0.06);
  padding: 0.35rem 0.85rem;
  border-radius: 100px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  margin-right: 0.5rem;
}

.news-tag-badge:hover {
  background-color: #2563eb;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
}

.news-art-meta {
  font-size: 0.88rem;
}

.news-art-meta .meta-item {
  display: inline-flex;
  align-items: center;
}

.news-art-media video {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 画廊预览 */
.gallery-item-wrapper {
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.gallery-item-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.gallery-desc-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(4px);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
}

/* 详情富文本内容 */
.news-art-body {
  font-size: 1.08rem;
  line-height: 1.95;
  color: #334155;
  text-align: justify;
}

.news-art-body p {
  margin-bottom: 1.5rem;
  text-indent: 2em;
}

.news-art-body img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.8);
  margin: 2rem auto;
  display: block;
}

/* 附件下载 */
.news-art-attachments {
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  border: 1.5px dashed rgba(37, 99, 235, 0.2);
}

.attachment-title {
  font-size: 1.15rem;
  font-weight: 750;
  color: #0f172a;
}

.attachment-item {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: all 0.25s ease;
}

.attachment-item:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.04);
}

.attachment-item .file-name {
  font-size: 0.92rem;
  color: #475569;
  font-weight: 600;
}

/* 上一篇/下一篇链接 */
.news-art-navigation .nav-card {
  border: 1px solid rgba(226, 232, 240, 0.7);
  background: #ffffff;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news-art-navigation .nav-card.has-content:hover {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.3);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.05);
}

.news-art-navigation .nav-label {
  font-weight: 600;
}

.news-art-navigation .nav-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #475569;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.news-art-navigation .nav-card.has-content:hover .nav-title {
  color: #2563eb;
}

/* 相关新闻 */
.news-art-related .related-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
}

.news-art-related .title-decor {
  position: relative;
  padding-left: 0.9rem;
}

.news-art-related .title-decor::before {
  content: "";
  position: absolute;
  left: 0; top: 0.15rem; bottom: 0.15rem;
  width: 4px;
  background-color: #2563eb;
  border-radius: 4px;
}

.related-item {
  border-bottom: 1px dashed rgba(226, 232, 240, 0.8);
}

.related-item:last-child {
  border-bottom: none;
}

.related-link {
  font-size: 0.95rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.related-link:hover {
  color: #2563eb;
  padding-left: 4px;
}

/* 响应式样式适配 */
@media (max-width: 768px) {
  .news-art-card {
    padding: 2.25rem 1.5rem;
  }
  
  .news-art-title {
    font-size: 1.75rem;
  }
  
  .news-art-navigation .nav-card {
    text-align: left !important;
  }
}

/* ==============================================================================
   下载中心全站统一高品质样式 (Download Center Premium Styles)
   ============================================================================== */

body.dl-page-body {
  background-color: #f8fafc !important;
  color: #0f172a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 下载中心 Hero 视觉区 */
.dl-hero-section {
  position: relative;
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 50%, #e0f2fe 100%);
  padding: 4.5rem 0 3.5rem 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  overflow: hidden;
}

.dl-hero-section::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -20%;
  width: 140%;
  height: 200%;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 60%);
  pointer-events: none;
}

.dl-hero-badge {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  padding: 0.35rem 1rem;
  border-radius: 50px;
  margin-bottom: 1rem;
}

.dl-hero-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
  margin-bottom: 0.75rem;
}

.dl-hero-subtitle {
  font-size: 1.1rem;
  color: #64748b;
  max-width: 680px;
  margin: 0 auto;
}

/* 胶囊导航 */
.dl-nav-pill {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #475569;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(203, 213, 225, 0.6);
  border-radius: 50px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  backdrop-filter: blur(8px);
}

.dl-nav-pill:hover {
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.4);
  background: #ffffff;
  transform: translateY(-1px);
}

.dl-nav-pill.active {
  color: #ffffff !important;
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

/* 多维字典筛选区 */
.dl-filter-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
}

.dl-filter-label {
  font-size: 0.9rem;
  font-weight: 600;
}

.dl-filter-btn {
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.25rem 0.85rem;
  color: #475569;
  background: #f1f5f9;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.dl-filter-btn:hover {
  color: #2563eb;
  background: #e0f2fe;
}

.dl-filter-btn.active {
  color: #ffffff !important;
  background: #2563eb !important;
}

/* 资源文件列表卡片 */
.dl-item-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.dl-item-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.3);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08);
}

.dl-item-icon-wrapper {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  overflow: hidden;
}

.dl-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dl-item-icon-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  border: 1px solid rgba(37, 99, 235, 0.15);
  border-radius: 14px;
}

.dl-item-title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
}

.dl-item-link {
  color: #0f172a;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.dl-item-link:hover {
  color: #2563eb;
}

.dl-item-desc {
  line-height: 1.6;
}

.dl-meta-tag {
  background: #f1f5f9;
  padding: 0.15rem 0.6rem;
  border-radius: 4px;
  color: #475569;
}

.dl-btn-primary {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff !important;
  border: none;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
  transition: all 0.25s ease;
}

.dl-btn-primary:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3);
}

.dl-btn-primary-lg {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff !important;
  border: none;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
  transition: all 0.25s ease;
}

.dl-btn-primary-lg:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}

/* 侧边栏卡片与排行榜 */
.dl-sidebar-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
}

.dl-sidebar-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
}

.dl-rank-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  background: #e2e8f0;
  color: #475569;
}

.dl-rank-num.rank-1 {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}

.dl-rank-num.rank-2 {
  background: #3b82f6;
  color: #ffffff;
}

.dl-rank-num.rank-3 {
  background: #60a5fa;
  color: #ffffff;
}

.hover-primary:hover {
  color: #2563eb !important;
}

/* 下载详情页专用样式 */
.dl-art-header-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 20px;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.04);
}

.dl-art-placeholder-img {
  width: 100%;
  min-height: 220px;
  background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
  border: 1px solid rgba(37, 99, 235, 0.15);
}

.dl-art-spec-grid {
  background: #f8fafc;
  padding: 1.25rem;
  border-radius: 12px;
  border: 1px solid #f1f5f9;
}

.dl-spec-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.dl-spec-label {
  font-size: 0.8rem;
  color: #64748b;
}

.dl-spec-val {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
}

.dl-art-content-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 20px;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.04);
}

.dl-art-sec-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
}

.dl-art-body {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #334155;
}

.dl-art-body p {
  margin-bottom: 1.25rem;
}

/* ==============================================================================
   关于公司页面 Premium 增强样式 (Company Page Premium Styles)
   ============================================================================== */

body.comp-page-body {
  background-color: #f8fafc !important;
  color: #0f172a;
}

.bg-primary-soft {
  background-color: rgba(37, 99, 235, 0.08) !important;
}

.comp-stat-card {
  transition: all 0.3s ease;
}

.comp-stat-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.4) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.1) !important;
}

.comp-feature-box {
  transition: all 0.3s ease;
}

.comp-feature-box:hover {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

.comp-culture-card, .comp-honor-card, .comp-adv-card {
  transition: all 0.3s ease;
}

.comp-culture-card:hover, .comp-honor-card:hover, .comp-adv-card:hover {
  transform: translateY(-5px);
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.09) !important;
}

.comp-culture-icon-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 时间轴 */
.comp-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 136px;
  width: 2px;
  background: linear-gradient(to bottom, #2563eb 0%, #cbd5e1 100%);
}

.comp-timeline-content {
  transition: all 0.3s ease;
}

.comp-timeline-content:hover {
  transform: translateX(4px);
  border-color: rgba(37, 99, 235, 0.3) !important;
}

@media (min-width: 768px) {
  .border-end-md {
    border-right: 1px solid rgba(226, 232, 240, 0.8) !important;
  }
}

@media (max-width: 767.98px) {
  .comp-timeline::before {
    display: none;
  }
  
  .comp-timeline-item {
    flex-direction: column;
  }
  
  .comp-timeline-year {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 0.5rem;
  }
}

/* 防断行与极精细排版 */
.no-break {
  white-space: nowrap !important;
  word-break: keep-all !important;
}

.max-w-1100 {
  max-width: 1100px !important;
  margin-left: auto;
  margin-right: auto;
}

.max-w-900 {
  max-width: 900px !important;
  margin-left: auto;
  margin-right: auto;
}

.comp-hero-clean {
  background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.comp-clean-badge {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  padding: 0.35rem 1.1rem;
  border-radius: 50px;
}

.comp-clean-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.comp-clean-subtitle {
  font-size: 1.05rem;
  line-height: 1.7;
}

.comp-clean-sec-header .sec-num-tag {
  font-size: 0.85rem;
  font-weight: 700;
  color: #2563eb;
  background: #e0f2fe;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.comp-clean-sec-header .sec-title {
  font-size: 1.85rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.5rem;
}

/* 流线型业务 ListItem 卡片 */
.comp-biz-item {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

.comp-biz-item:hover {
  transform: translateX(4px);
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08) !important;
}

.comp-biz-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.culture-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #eff6ff;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}

.comp-culture-box {
  transition: all 0.3s ease;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

.comp-culture-box:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08) !important;
}

.comp-honor-pill {
  transition: all 0.25s ease;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

.comp-honor-pill:hover {
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.08) !important;
}

.contact-icon-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

/* 沉稳大厂风辅助样式 */
.comp-hero-pro {
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.comp-pro-title {
  font-size: 2.25rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.comp-pro-subtitle {
  font-size: 1.1rem;
  letter-spacing: 0.02em;
}

.comp-brand-preview {
  min-height: 380px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.border-white-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.comp-pro-biz-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
}

.comp-pro-biz-card:hover {
  transform: translateY(-4px);
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08) !important;
}

/* 金属质感科技楼 Hero 区域样式 */
.comp-hero-metallic {
  position: relative;
  min-height: 380px;
  background-color: #0f172a;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.comp-metallic-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  filter: brightness(0.85) contrast(1.15);
  transform: scale(1.02);
  z-index: 1;
}

.comp-metallic-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.88) 0%, rgba(30, 58, 138, 0.72) 60%, rgba(15, 23, 42, 0.92) 100%);
  z-index: 2;
}

.comp-metallic-content {
  position: relative;
  z-index: 5;
}

.comp-metallic-badge {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.25);
  padding: 0.4rem 1.2rem;
  border-radius: 50px;
}

.comp-metallic-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.01em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

.comp-metallic-subtitle {
  font-size: 1.2rem;
  color: rgba(241, 245, 249, 0.9);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* ==============================================================================
   顶级大厂极简奢华样式 (Company Lux Premium Styles)
   ============================================================================== */

body.comp-lux-body {
  background-color: #f8fafc !important;
  color: #0f172a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.comp-lux-hero {
  position: relative;
  padding: 5rem 0 4rem 0;
  overflow: hidden;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.comp-lux-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
  z-index: 1;
}

.comp-lux-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #ffffff 100%);
  z-index: 2;
}

.comp-lux-hero-content {
  position: relative;
  z-index: 5;
}

.comp-lux-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  padding: 0.4rem 1.2rem;
  border-radius: 50px;
}

.tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2563eb;
}

.comp-lux-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.comp-lux-subtitle {
  font-size: 1.15rem;
  color: #475569;
  line-height: 1.7;
}

.comp-lux-breadcrumb {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(203, 213, 225, 0.6);
  padding: 0.5rem 1.5rem;
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

/* 楼层导航 */
.comp-lux-nav-wrapper {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  z-index: 100;
  transition: all 0.3s ease;
}

.comp-lux-nav-wrapper.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

.comp-lux-nav-item {
  padding: 1.1rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748b;
  text-decoration: none !important;
  position: relative;
  transition: color 0.2s ease;
}

.comp-lux-nav-item:hover, .comp-lux-nav-item.active {
  color: #2563eb;
}

.comp-lux-nav-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2563eb;
  border-radius: 2px;
}

/* 建筑科技展厅形象 Banner */
.comp-lux-banner-wrapper {
  position: relative;
  min-height: 280px;
  display: flex;
  align-items: flex-end;
}

.comp-lux-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: brightness(0.7) contrast(1.1);
}

.comp-lux-banner-caption {
  position: relative;
  z-index: 5;
  width: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.9) 100%);
}

.comp-lux-banner-tag {
  display: inline-block;
  font-size: 0.85rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 0.4rem 1.2rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* 业务卡片 */
.comp-lux-biz-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

.comp-lux-biz-card:hover {
  transform: translateY(-5px);
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 16px 36px rgba(37, 99, 235, 0.08) !important;
}

.biz-num {
  font-size: 2.2rem;
  font-weight: 800;
  color: #2563eb;
  line-height: 1;
  opacity: 0.9;
}

.stat-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hr-line {
  height: 1px;
  background-color: rgba(226, 232, 240, 0.8);
}

.comp-breadcrumb-metallic {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 1.6rem;
  border-radius: 50px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* ==============================================================================
   大厂无卡片极简展厅美学 (Architectural Minimalist Styles)
   ============================================================================== */

body.comp-arch-body {
  background-color: #f8fafc !important;
  color: #0f172a;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
}

.comp-arch-hero {
  background: #ffffff;
}

.comp-arch-tag {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: #2563eb;
  text-transform: uppercase;
}

.tag-line {
  display: inline-block;
  width: 24px;
  height: 1px;
  background-color: #2563eb;
  vertical-align: middle;
}

.comp-arch-hero-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.comp-arch-hero-subtitle {
  font-size: 1.15rem;
  line-height: 1.7;
}

/* 极细流线楼层导航 */
.comp-arch-nav-section {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
  z-index: 100;
}

.comp-arch-nav-section.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.comp-arch-nav-item {
  padding: 1.1rem 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: #64748b;
  text-decoration: none !important;
  position: relative;
  transition: color 0.2s ease;
}

.comp-arch-nav-item:hover, .comp-arch-nav-item.active {
  color: #2563eb;
}

.comp-arch-nav-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2563eb;
}

/* 通栏形象 Banner */
.comp-arch-banner {
  min-height: 320px;
  display: flex;
  border-radius: 4px !important;
}

.comp-arch-banner-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  filter: brightness(0.65) contrast(1.1);
}

.comp-arch-banner-overlay {
  position: relative;
  z-index: 5;
  width: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.85) 100%);
}

.comp-arch-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #60a5fa;
  letter-spacing: 0.05em;
}

.comp-arch-sec-title {
  font-size: 2rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
}

.comp-arch-subhead {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: #2563eb;
  letter-spacing: 0.18em;
  margin-bottom: 0.4rem;
}

.comp-arch-p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #334155;
}

/* 4 列极细钛金切割格 */
.comp-arch-honor-grid {
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.comp-honor-tile {
  background: #ffffff;
  border-right: 1px solid rgba(226, 232, 240, 0.8);
  transition: background-color 0.25s ease;
}

.comp-honor-tile:last-child {
  border-right: none;
}

.comp-honor-tile:hover {
  background-color: #f8fafc;
}

.honor-num {
  font-size: 1.8rem;
  font-weight: 800;
  color: #2563eb;
  opacity: 0.85;
  font-family: system-ui, sans-serif;
}

.comp-dir-block {
  background: #ffffff;
  transition: transform 0.25s ease;
}

.comp-dir-block:hover {
  transform: translateY(-3px);
}

.comp-arch-contact-bar {
  border-radius: 4px !important;
  border-color: rgba(226, 232, 240, 0.9) !important;
}