/* 护航 GEO · 第二轮视觉升级：表格、流程卡片与图文模块 */
:root {
  --vr2-brand: #6246e8;
  --vr2-blue: #3978f6;
  --vr2-ink: #20263a;
  --vr2-text: #4b556a;
  --vr2-line: #e7eaf2;
  --vr2-head: #f0efff;
  --vr2-zebra: #fafbff;
  --vr2-hover: #f3f2ff;
}

/* 浅色表格容器：只用纯色与轻阴影，不铺背景图片 */
.site-refresh .v2-table-scroll,
.blog-refresh .v2-table-scroll,
.site-refresh .geo-table-wrap.v2-table-scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #c8c3ed #f3f4f9;
  border: 1px solid var(--vr2-line);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(31, 42, 82, .055);
  isolation: isolate;
}
.site-refresh .v2-table-scroll:focus-visible,
.blog-refresh .v2-table-scroll:focus-visible {
  outline: 3px solid rgba(98, 70, 232, .2);
  outline-offset: 3px;
}
.site-refresh .v2-table-scroll::-webkit-scrollbar,
.blog-refresh .v2-table-scroll::-webkit-scrollbar { height: 8px; }
.site-refresh .v2-table-scroll::-webkit-scrollbar-track,
.blog-refresh .v2-table-scroll::-webkit-scrollbar-track { background: #f3f4f9; border-radius: 999px; }
.site-refresh .v2-table-scroll::-webkit-scrollbar-thumb,
.blog-refresh .v2-table-scroll::-webkit-scrollbar-thumb {
  background: #c8c3ed; border: 2px solid #f3f4f9; border-radius: 999px;
}

/* 全站浅色数据表 */
.site-refresh .v2-data-table,
.blog-refresh .v2-data-table {
  width: 100%;
  min-width: max(100%, 680px);
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto;
  color: var(--vr2-text);
  background: #fff;
  font-size: 14px;
  line-height: 1.72;
}
.site-refresh .v2-data-table.v2-cols-2,
.blog-refresh .v2-data-table.v2-cols-2 { min-width: max(100%, 560px); }
.site-refresh .v2-data-table.v2-cols-3,
.blog-refresh .v2-data-table.v2-cols-3 { min-width: max(100%, 680px); }
.site-refresh .v2-data-table.v2-cols-4,
.blog-refresh .v2-data-table.v2-cols-4 { min-width: max(100%, 800px); }
.site-refresh .v2-data-table.v2-cols-5,
.site-refresh .v2-data-table.v2-cols-6,
.blog-refresh .v2-data-table.v2-cols-5,
.blog-refresh .v2-data-table.v2-cols-6 { min-width: max(100%, 920px); }

.site-refresh .v2-data-table caption,
.blog-refresh .v2-data-table caption {
  caption-side: top;
  padding: 17px 20px 14px;
  color: #6d778d;
  background: #fff;
  border-bottom: 1px solid #edf0f6;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
  text-align: left;
}
.site-refresh .v2-data-table thead th,
.blog-refresh .v2-data-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 15px 17px;
  color: #303653;
  background: linear-gradient(180deg, #f6f5ff 0%, #eeedff 100%);
  border: 0 !important;
  border-bottom: 1px solid #e3e0fb !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.55;
  letter-spacing: .01em;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.site-refresh .v2-data-table tbody th,
.site-refresh .v2-data-table tbody td,
.blog-refresh .v2-data-table tbody th,
.blog-refresh .v2-data-table tbody td {
  min-width: 112px;
  padding: 14px 17px;
  color: var(--vr2-text);
  background: #fff;
  border: 0 !important;
  border-bottom: 1px solid #edf0f6 !important;
  font-size: 13.5px;
  line-height: 1.75;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.site-refresh .v2-data-table tbody th[scope="row"],
.blog-refresh .v2-data-table tbody th[scope="row"] {
  min-width: 138px;
  color: #5944c8;
  background: #fbfaff;
  font-weight: 700;
}
.site-refresh .v2-data-table tbody tr:nth-child(even) > td,
.site-refresh .v2-data-table tbody tr:nth-child(even) > th,
.blog-refresh .v2-data-table tbody tr:nth-child(even) > td,
.blog-refresh .v2-data-table tbody tr:nth-child(even) > th { background-color: var(--vr2-zebra); }
.site-refresh .v2-data-table tbody tr:hover > td,
.site-refresh .v2-data-table tbody tr:hover > th,
.blog-refresh .v2-data-table tbody tr:hover > td,
.blog-refresh .v2-data-table tbody tr:hover > th { background-color: var(--vr2-hover); }
.site-refresh .v2-data-table tbody tr:hover th[scope="row"],
.blog-refresh .v2-data-table tbody tr:hover th[scope="row"] { color: #4933b5; }
.site-refresh .v2-data-table tbody tr:last-child > th,
.site-refresh .v2-data-table tbody tr:last-child > td,
.blog-refresh .v2-data-table tbody tr:last-child > th,
.blog-refresh .v2-data-table tbody tr:last-child > td { border-bottom: 0 !important; }
.site-refresh .v2-data-table td strong,
.site-refresh .v2-data-table td b,
.blog-refresh .v2-data-table td strong,
.blog-refresh .v2-data-table td b { color: #272d45; font-weight: 750; }
.site-refresh .v2-data-table a,
.blog-refresh .v2-data-table a { color: var(--vr2-brand); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* contentMgt 深色角色矩阵：保留深色背景，用明暗层次强化可读性 */
.site-refresh .whoUsing-banner .v2-table-scroll.v2-table-dark {
  border-color: rgba(239, 88, 140, .36);
  border-radius: 21px;
  background: rgba(255, 255, 255, .035);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .2);
}
.site-refresh .whoUsing-banner .v2-dark-table {
  width: 100%;
  min-width: max(100%, 820px);
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #f7f5ff;
  background: transparent;
}
.site-refresh .whoUsing-banner .v2-dark-table caption {
  padding: 16px 18px 13px;
  color: rgba(255, 255, 255, .65);
  font-size: 13px;
  text-align: left;
}
.site-refresh .whoUsing-banner .v2-dark-table thead th {
  padding: 16px 14px;
  color: #fff;
  background: linear-gradient(100deg, #565ad9 0%, #7d61df 58%, #a36edb 100%);
  border: 0;
  border-bottom: 1px solid rgba(239, 88, 140, .35);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.site-refresh .whoUsing-banner .v2-dark-table tbody th,
.site-refresh .whoUsing-banner .v2-dark-table tbody td {
  padding: 16px 14px;
  color: rgba(255, 255, 255, .86);
  background: rgba(255, 255, 255, .035);
  border: 0;
  border-bottom: 1px solid rgba(239, 88, 140, .2);
  font-size: 13px;
  line-height: 1.7;
  vertical-align: top;
}
.site-refresh .whoUsing-banner .v2-dark-table tbody th[scope="row"] {
  min-width: 112px;
  color: #fff;
  background: rgba(111, 83, 201, .3);
  font-weight: 700;
}
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .075); }
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:hover td,
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:hover th { background: rgba(139, 116, 255, .2); }
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:last-child > * { border-bottom: 0; }

/* 内容区块：产品、案例、服务流程的图文层次 */
.site-refresh .geo-steps li {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #fff 0%, #fbfaff 100%);
}
.site-refresh .geo-steps li::before,
.site-refresh .case-card::before,
.site-refresh .product-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 3px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, var(--vr2-brand), #8a78f0 58%, var(--vr2-blue));
  opacity: .72;
  pointer-events: none;
}
.site-refresh .geo-steps li { padding-top: 28px; }
.site-refresh .geo-steps .step-no {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  box-shadow: 0 7px 16px rgba(98, 70, 232, .2);
}
.site-refresh .geo-steps li p { color: #687287; }
.site-refresh .getWhat li img,
.site-refresh .geo-title-row img,
.site-refresh .geo-def-head img {
  border-radius: 13px;
  background: linear-gradient(145deg, #f3f1ff, #f1f6ff);
  box-shadow: 0 6px 16px rgba(57, 68, 120, .07);
}
.site-refresh .product-item { position: relative; overflow: hidden; }
.site-refresh .product-item .module-img img { filter: drop-shadow(0 12px 20px rgba(26, 30, 66, .14)); }
.site-refresh .product-item .pd-icon { border-radius: 14px; background: #f4f2ff; padding: 7px; }
.site-refresh .case-card { position: relative; overflow: hidden; }
.site-refresh .case-metrics { gap: 10px; }
.site-refresh .case-metrics > div {
  padding: 12px 10px;
  border-radius: 13px;
  background: #f8f7ff;
}
.site-refresh .case-metrics h4 { margin-bottom: 4px; font-weight: 800; }
.site-refresh .recommend-card { box-shadow: 0 12px 30px rgba(31, 42, 82, .08); }
.site-refresh .recommend-card img { transition: transform .35s ease; }
.site-refresh .recommend-card:hover img { transform: scale(1.035); }

@media (max-width: 768px) {
  .site-refresh .v2-table-scroll,
  .blog-refresh .v2-table-scroll,
  .site-refresh .geo-table-wrap.v2-table-scroll { border-radius: 15px; }
  .site-refresh .v2-data-table,
  .blog-refresh .v2-data-table { font-size: 13px; }
  .site-refresh .v2-data-table thead th,
  .blog-refresh .v2-data-table thead th { padding: 12px 13px; font-size: 12.5px; }
  .site-refresh .v2-data-table tbody th,
  .site-refresh .v2-data-table tbody td,
  .blog-refresh .v2-data-table tbody th,
  .blog-refresh .v2-data-table tbody td { padding: 11px 13px; font-size: 12.5px; line-height: 1.65; }
  .site-refresh .v2-data-table caption,
  .blog-refresh .v2-data-table caption { padding: 13px 14px 11px; font-size: 12px; }
  .site-refresh .v2-table-scroll.has-overflow::after,
  .blog-refresh .v2-table-scroll.has-overflow::after {
    content: "";
    position: sticky;
    display: block;
    float: right;
    width: 18px;
    height: 100%;
    min-height: 56px;
    margin-top: -56px;
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(98,70,232,.12));
    pointer-events: none;
  }
  .site-refresh .whoUsing-banner .v2-dark-table { min-width: 820px; }
  .site-refresh .whoUsing-banner .v2-dark-table thead th,
  .site-refresh .whoUsing-banner .v2-dark-table tbody th,
  .site-refresh .whoUsing-banner .v2-dark-table tbody td { padding: 11px 10px; font-size: 12px; }
  .site-refresh .geo-steps li { padding-top: 24px; }
  .site-refresh .case-metrics > div { padding: 10px 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-refresh .recommend-card img { transition: none; }
}

/* 旧版 GEO 表格渐隐提示仅在确实可横向滚动时显示 */
.site-refresh .geo-table-wrap.v2-table-scroll:not(.has-overflow)::after { content: none; display: none; }
@media (max-width: 768px) {
  .site-refresh .v2-table-scroll.has-overflow::after,
  .blog-refresh .v2-table-scroll.has-overflow::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 17px;
    height: auto;
    margin: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(98,70,232,.13));
    pointer-events: none;
  }
}