/* 护航 GEO · 第三轮：跨页面设计系统与表格精修
   放在 v1/v2 之后加载；只调整外观，不改业务数据。 */
:root {
  --v3-primary: #6048e6;
  --v3-primary-deep: #4932bb;
  --v3-sky: #3980ee;
  --v3-ink: #19213a;
  --v3-text: #4c5871;
  --v3-muted: #68758b;
  --v3-line: #e4e9f3;
  --v3-soft: #f6f7ff;
  --v3-soft-purple: #eeedff;
  --v3-shadow: 0 16px 44px rgba(38, 48, 94, .075);
  --v3-shadow-hover: 0 20px 50px rgba(45, 48, 113, .125);
}

/* 全局基线：组件一致性、标题与链接可读性 */
.site-refresh, .blog-refresh { accent-color: var(--v3-primary); }
.site-refresh .container, .blog-refresh .nx-container { min-width: 0; }
.site-refresh .row > [class*="col-"], .blog-refresh .grid > * { min-width: 0; }
.site-refresh a:not(.nav-freeTrial-btn):not(.banner-freeTrial-btn),
.blog-refresh a { text-underline-offset: 3px; }
.site-refresh button, .blog-refresh button { touch-action: manipulation; }
.site-refresh :is(a, button, input, select, textarea):focus-visible,
.blog-refresh :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(96,72,230,.35);
  outline-offset: 3px;
}
.site-refresh p, .site-refresh li { overflow-wrap: break-word; }

/* 重点修复：深紫卡片上的文字曾被全站 h3/p 规则覆盖。将其改为与其余页面一致的浅色模块。 */
.site-refresh .whoUse-wrap {
  position: relative;
  overflow: hidden;
  background: linear-gradient(138deg, #f7f8ff 0%, #f0efff 51%, #f7fbff 100%);
  border-block: 1px solid #e9eafb;
}
.site-refresh .whoUse-wrap::before {
  content: "";
  position: absolute;
  width: 400px; height: 400px;
  right: -180px; top: -240px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(117,101,245,.12) 0%, transparent 70%);
}
.site-refresh .whoUse-wrap .colfff,
.site-refresh .whoUse-wrap h2.colfff { color: var(--v3-ink) !important; }
.site-refresh .whoUse-wrap .container > .colfff:first-child { color: var(--v3-primary) !important; }
.site-refresh .whoUse-wrap .container > p.colfff { color: var(--v3-muted) !important; }
.site-refresh .whoUse-wrap .row { row-gap: 22px; }
.site-refresh .whoUse-wrap .row > [class*="col-"] { display: flex; }
.site-refresh .whoUse-panel {
  position: relative;
  width: 100%; height: 100%;
  min-height: 294px;
  display: flex; flex-direction: column; align-items: center;
  padding: 34px 22px 30px;
  border: 1px solid #e4e7f5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 33px rgba(31,42,82,.065);
  color: var(--v3-ink);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.site-refresh .whoUse-panel::before {
  content: "";
  position: absolute;
  top: 0; left: 20px; right: 20px;
  height: 3px;
  border-radius: 0 0 9px 9px;
  background: linear-gradient(90deg, var(--v3-primary), #a89afb, var(--v3-sky));
}
.site-refresh .whoUse-panel:hover {
  transform: translateY(-5px);
  box-shadow: var(--v3-shadow-hover);
  border-color: rgba(96,72,230,.29);
}
.site-refresh .whoUse-panel img { width: 84px; height: 84px; object-fit: contain; }
.site-refresh .whoUse-panel h3,
.site-refresh .whoUse-panel h3.bold,
.site-refresh .whoUse-panel .colfff {
  color: var(--v3-ink) !important;
}
.site-refresh .whoUse-panel h3 {
  margin-top: 26px !important;
  font-size: clamp(19px, 1.55vw, 23px);
  line-height: 1.4;
  text-align: center;
  font-weight: 750;
}
.site-refresh .whoUse-panel p,
.site-refresh .whoUse-panel p.colfff {
  margin-top: 12px !important;
  color: #657187 !important;
  font-size: 14px;
  line-height: 1.82;
  text-align: center;
}

/* 首页内容管理：保留原有六张产品插图、分区配色，改正深色卡片文字覆盖。 */
.site-refresh .content-management .content-card { border-radius: 23px; }
.site-refresh .content-management .content-contrainer > div:nth-child(1) .content-card,
.site-refresh .content-management .content-contrainer > div:nth-child(4) .content-card { border-color: rgba(255,255,255,.12); }
.site-refresh .content-management .content-contrainer > div:nth-child(1) .content-card h2,
.site-refresh .content-management .content-contrainer > div:nth-child(4) .content-card h2,
.site-refresh .content-management .content-contrainer > div:nth-child(1) .content-card p,
.site-refresh .content-management .content-contrainer > div:nth-child(4) .content-card p,
.site-refresh .content-management .content-contrainer > div:nth-child(1) .content-card .content-title,
.site-refresh .content-management .content-contrainer > div:nth-child(4) .content-card .content-title {
  color: #fff !important;
}
.site-refresh .content-management .content-contrainer > div:nth-child(1) .content-card p,
.site-refresh .content-management .content-contrainer > div:nth-child(4) .content-card p { color: rgba(255,255,255,.89) !important; }
.site-refresh .content-management .content-contrainer > div:not(:nth-child(1)):not(:nth-child(4)) .content-card p { color: #48516a !important; }
.site-refresh .content-management .content-card .content-middle h2 { line-height: 1.42; }

/* 其他角色、合作权益卡片：统一低饱和渐变与图文对比度 */
.site-refresh .whoWrap .who-item,
.site-refresh .whoWrap .who-item[data-before] {
  background: linear-gradient(138deg, #fff 0%, #f7f7ff 100%) !important;
  border: 1px solid var(--v3-line);
  box-shadow: 0 10px 25px rgba(31,42,82,.055);
  border-radius: 22px;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.site-refresh .whoWrap .who-item:hover { border-color: rgba(96,72,230,.25); box-shadow: var(--v3-shadow-hover); transform: translateY(-3px); }
.site-refresh .whoWrap .who-item::before { color: rgba(96,72,230,.13); }
.site-refresh .whoWrap .who-item :is(h3, p, span),
.site-refresh .whoWrap .who-item :is(h3,p).colfff { color: var(--v3-ink) !important; }
.site-refresh .why-item,
.site-refresh .benefitWrap li {
  border: 1px solid var(--v3-line);
  border-radius: 20px;
  background-color: #fcfcff;
  box-shadow: 0 8px 25px rgba(31,42,82,.04);
}
.site-refresh .benefitWrap li p { color: var(--v3-ink); }
.site-refresh .why-card { border: 1px solid var(--v3-line); border-radius: 22px; box-shadow: 0 9px 25px rgba(31,42,82,.05); }

/* 表格：标题/说明、表头、内容、重点列都使用同一套品牌语言，禁止图片底纹。 */
.site-refresh .v2-table-scroll,
.blog-refresh .v2-table-scroll,
.site-refresh .geo-table-wrap.v2-table-scroll,
.site-refresh .whoUsing-banner .v2-table-scroll.v2-table-dark {
  position: relative;
  width: 100%; max-width: 100%;
  border: 1px solid #dfe4f3;
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 0 14px 40px rgba(31,42,82,.075);
  scrollbar-color: #c1bbef #f4f5fb;
}
.site-refresh .v2-data-table,
.blog-refresh .v2-data-table,
.site-refresh .whoUsing-banner .v2-dark-table {
  color: var(--v3-text) !important;
  background: #fff;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
}
.site-refresh .v2-data-table caption,
.blog-refresh .v2-data-table caption,
.site-refresh .whoUsing-banner .v2-dark-table caption {
  caption-side: top;
  padding: 15px 21px 15px 37px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
  color: #66718b;
  text-align: left;
  background: #fbfcff;
  border-bottom: 1px solid #e9ecf7;
}
/* caption 的小圆点由 JS 产生的前置装饰条渲染，避免 display 影响 table-caption */
.site-refresh .v2-table-scroll::before,
.blog-refresh .v2-table-scroll::before {
  content: "";
  position: absolute;
  top: 22px; left: 19px;
  z-index: 3;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--v3-primary);
  box-shadow: 0 0 0 4px rgba(96,72,230,.09);
  pointer-events: none;
}
.site-refresh .v2-table-scroll:not(.v3-has-caption)::before,
.blog-refresh .v2-table-scroll:not(.v3-has-caption)::before { display: none; }
.site-refresh .v2-data-table thead th,
.blog-refresh .v2-data-table thead th,
.site-refresh .whoUsing-banner .v2-dark-table thead th {
  position: relative;
  top: auto;
  padding: 17px 20px !important;
  color: #292d50 !important;
  background: linear-gradient(180deg, #f4f3ff 0%, #eceaff 100%) !important;
  border: none !important;
  border-bottom: 1px solid #dddaf6 !important;
  text-align: left;
  font-size: 13.5px;
  font-weight: 800;
  white-space: normal;
  vertical-align: middle;
  line-height: 1.55;
}
.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,
.site-refresh .whoUsing-banner .v2-dark-table tbody th,
.site-refresh .whoUsing-banner .v2-dark-table tbody td {
  padding: 16px 20px !important;
  color: #48546c !important;
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #eaeef6 !important;
  vertical-align: middle;
  font-size: 13.5px;
  line-height: 1.83;
  overflow-wrap: anywhere;
}
.site-refresh .v2-data-table tbody th[scope="row"],
.blog-refresh .v2-data-table tbody th[scope="row"],
.site-refresh .whoUsing-banner .v2-dark-table tbody th[scope="row"] {
  color: #5540c6 !important;
  font-weight: 800;
  background: #f9f8ff !important;
  min-width: 120px;
  border-right: 1px solid #eeeafa !important;
}
.site-refresh .v2-data-table tbody tr:nth-child(even) > *,
.blog-refresh .v2-data-table tbody tr:nth-child(even) > *,
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:nth-child(even) > * { background: #f8f9fd !important; }
.site-refresh .v2-data-table tbody tr:nth-child(even) > th[scope="row"],
.blog-refresh .v2-data-table tbody tr:nth-child(even) > th[scope="row"],
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:nth-child(even) > th[scope="row"] { background: #f4f3ff !important; }
.site-refresh .v2-data-table tbody tr:hover > *,
.blog-refresh .v2-data-table tbody tr:hover > *,
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:hover > * { background: #f0efff !important; }
.site-refresh .v2-data-table tbody tr:last-child > *,
.blog-refresh .v2-data-table tbody tr:last-child > *,
.site-refresh .whoUsing-banner .v2-dark-table tbody tr:last-child > * { border-bottom: 0 !important; }
/* 仅当表头明确是 GEO/HuhangCMS 对比时突出优势列，其他普通表不高亮最后一列。 */
.site-refresh .v2-data-table.v3-compare-table :is(th,td).v3-featured-cell,
.blog-refresh .v2-data-table.v3-compare-table :is(th,td).v3-featured-cell,
.site-refresh .whoUsing-banner .v2-dark-table.v3-compare-table :is(th,td).v3-featured-cell {
  background: #f0eeff !important;
  border-left: 1px solid #e4ddff !important;
}
.site-refresh .v2-data-table.v3-compare-table tbody tr:nth-child(even) .v3-featured-cell,
.blog-refresh .v2-data-table.v3-compare-table tbody tr:nth-child(even) .v3-featured-cell { background: #eae7ff !important; }
.site-refresh .v2-data-table.v3-compare-table tbody tr:hover .v3-featured-cell,
.blog-refresh .v2-data-table.v3-compare-table tbody tr:hover .v3-featured-cell { background: #e5e0ff !important; }
.site-refresh .v2-data-table.v3-compare-table thead .v3-featured-cell,
.blog-refresh .v2-data-table.v3-compare-table thead .v3-featured-cell { color: var(--v3-primary-deep) !important; background: #e5e1ff !important; }
.site-refresh .v2-data-table a,
.blog-refresh .v2-data-table a { color: var(--v3-primary-deep); text-decoration: underline; text-decoration-color: #c8c0f3; }
.site-refresh .v2-data-table a:hover,
.blog-refresh .v2-data-table a:hover { text-decoration-color: var(--v3-primary); }
.site-refresh .v2-table-scroll + .v3-table-hint,
.blog-refresh .v2-table-scroll + .v3-table-hint { display: none; margin: 9px 3px 0; color: #65728c; font-size: 12px; }
.site-refresh .v2-table-scroll.has-overflow::after,
.blog-refresh .v2-table-scroll.has-overflow::after { display: none !important; }

/* HuhangCMS 角色表格改为浅色：不会再出现页面和表格是两套视觉系统。 */
.site-refresh .whoUsing-banner {
  background: linear-gradient(142deg, #f7f8ff 0%, #f1efff 55%, #f8faff 100%);
  border-top: 1px solid #ebeafa;
  border-bottom: 1px solid #ebeafa;
}
.site-refresh .whoUsing-banner h2.colfff { color: var(--v3-ink) !important; }
.site-refresh .whoUsing-banner .contentMgt-title { color: var(--v3-primary) !important; }
.site-refresh .whoUsing-banner .v2-table-scroll { margin-top: 44px; }
.site-refresh .whoUsing-banner .v2-dark-table { min-width: max(100%, 780px); }
.site-refresh .whoUsing-banner .v2-dark-table thead th { color: #292d50 !important; }
.site-refresh .whoUsing-banner .v2-dark-table tbody td,
.site-refresh .whoUsing-banner .v2-dark-table tbody th { color: #46536c !important; }

/* 案例列表：减少视觉噪点，让标题/说明/指标/行动的阅读顺序更明确。 */
.site-refresh .case-item { display: flex; }
.site-refresh .case-card {
  width: 100%;
  display: flex; flex-direction: column;
  padding: 31px 29px 25px;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(31,42,82,.06);
}
.site-refresh .case-card .case-tag {
  max-width: 100%;
  padding: 7px 13px;
  color: #5b45d1;
  background: #f0eeff;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.5;
  white-space: normal;
}
.site-refresh .case-card h3 { margin-top: 19px !important; color: var(--v3-ink); font-size: 21px; line-height: 1.48; }
.site-refresh .case-card .case-desc { color: #617088; line-height: 1.86; }
.site-refresh .case-card .case-metrics {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px; margin-top: 22px !important;
  padding-top: 18px; border-top: 1px dashed #e6e1fc;
}
.site-refresh .case-card .case-metrics > div {
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 13px 11px;
  border-radius: 13px;
  background: #f8f7ff;
}
.site-refresh .case-card .case-metrics h4 { color: #322b64; font-size: 17px; line-height: 1.3; }
.site-refresh .case-card .case-metrics span { margin-top: 7px; color: #6c7890; line-height: 1.55; font-size: 11.5px; overflow-wrap: anywhere; }
.site-refresh .case-card .case-more {
  display: inline-flex; align-items: center; width: fit-content;
  margin-top: auto !important; padding-top: 23px;
  color: var(--v3-primary) !important;
  font-weight: 750; font-size: 14px;
  cursor: pointer;
}
.site-refresh .case-card .case-more:hover { color: var(--v3-primary-deep) !important; }

/* 产品/流程/FAQ 等非截图区域也统一间距、边线与文字对比度 */
.site-refresh .product-item,
.site-refresh .plan-panel,
.site-refresh .answer-panel,
.site-refresh .suggest-panel,
.site-refresh .getWhat li,
.site-refresh .geo-steps li,
.site-refresh .about-value,
.site-refresh .about-fact,
.site-refresh .about-tl-card,
.site-refresh .whyChoose-panel,
.site-refresh .recommend-card {
  border-color: var(--v3-line);
  box-shadow: 0 9px 30px rgba(32,42,83,.055);
}
.site-refresh .product-item h3,
.site-refresh .plan-panel h3,
.site-refresh .answer-panel h3,
.site-refresh .suggest-panel h3,
.site-refresh .getWhat li strong,
.site-refresh .geo-steps li h3 { color: var(--v3-ink); }
.site-refresh .product-item p,
.site-refresh .plan-panel p,
.site-refresh .answer-panel p,
.site-refresh .suggest-panel p,
.site-refresh .getWhat li p,
.site-refresh .geo-steps li p { color: #637089; }
.site-refresh .getWhat li,
.site-refresh .geo-steps li { background: linear-gradient(150deg,#fff,#fcfbff); }
.site-refresh .faq-list li { background: #fcfcff; }
.site-refresh .faq-list li:hover { border-color: #d6d1fb; }
.site-refresh .faq-list li.active { background: #f8f7ff; }
.site-refresh .case-filter { white-space: nowrap; }
.site-refresh .case-filter:focus-visible,
.site-refresh .case-more:focus-visible { outline: 3px solid rgba(96,72,230,.3); outline-offset: 3px; }
.site-refresh .foot-wrap h4,
.site-refresh .foot-wrap .foot-nav-wrap h4 { color: #fff !important; }

/* 博客：五列文字卡很拥挤，改为 3+2 的阅读路径，手机端自然堆叠。 */
.blog-refresh .geo-learning-path {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 18px;
}
.blog-refresh .geo-learning-path .geo-learning-card {
  position: relative;
  display: flex; flex-direction: column;
  grid-column: span 2;
  min-height: 180px;
  gap: 15px;
  padding: 25px 24px 23px;
  border: 1px solid #e3e6f5;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 32px rgba(31,42,82,.055);
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.blog-refresh .geo-learning-path .geo-learning-card::before {
  content: "";
  height: 3px;
  position: absolute;
  top: 0; left: 24px; right: 24px;
  background: linear-gradient(90deg, var(--v3-primary), #8c83f2, var(--v3-sky));
  border-radius: 0 0 6px 6px;
}
.blog-refresh .geo-learning-path .geo-learning-card:nth-child(4),
.blog-refresh .geo-learning-path .geo-learning-card:nth-child(5) { grid-column: span 3; }
.blog-refresh .geo-learning-path .geo-learning-card:hover {
  transform: translateY(-4px);
  border-color: #cfc8f5;
  box-shadow: var(--v3-shadow-hover);
}
.blog-refresh .geo-learning-path .geo-learning-card .geo-learning-step {
  display: inline-flex; align-items: center; width: fit-content;
  padding: 7px 12px;
  border-radius: 9px;
  background: #f1efff;
  color: var(--v3-primary-deep) !important;
  font-size: 13px; line-height: 1.55;
  font-weight: 750;
}
.blog-refresh .geo-learning-path .geo-learning-card .geo-learning-name {
  color: var(--v3-ink) !important;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 700;
  letter-spacing: -.015em;
}
.blog-refresh .geo-learning-path .geo-learning-card::after {
  content: "↗";
  margin-top: auto;
  align-self: flex-end;
  color: #7e70d7;
  font-size: 19px;
  line-height: 1;
}
.blog-refresh .geo-learning-path + .grid .nx-card {
  padding: 28px;
  border-radius: 21px;
}
.blog-refresh .geo-learning-path + .grid .nx-card h3 { color: var(--v3-ink); }
.blog-refresh .geo-learning-path + .grid .nx-card ul li { line-height: 1.85; }
.blog-refresh .nx-card:not(.geo-learning-card) { border-radius: 20px; }
.blog-refresh .nx-article-meta-row { gap: 10px; }
.blog-refresh .qdk-prose .v2-table-scroll,
.blog-refresh .nx-prose .v2-table-scroll { margin-block: 22px; }
.blog-refresh .qdk-prose .v2-table-scroll table,
.blog-refresh .nx-prose .v2-table-scroll table { border-radius: 0; overflow: visible; }

/* 不同行业落地页与中文/英文首页适配 */
@media (max-width: 1199px) {
  .site-refresh .whoUse-panel { min-height: 280px; padding: 28px 16px; }
  .site-refresh .whoUse-panel h3 { font-size: 19px; }
}
@media (max-width: 991px) {
  .site-refresh .whoUse-wrap .row { row-gap: 18px; }
  .site-refresh .whoUse-panel { min-height: 235px; }
  .blog-refresh .geo-learning-path { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
  .blog-refresh .geo-learning-path .geo-learning-card,
  .blog-refresh .geo-learning-path .geo-learning-card:nth-child(4),
  .blog-refresh .geo-learning-path .geo-learning-card:nth-child(5) { grid-column: span 1; }
  .blog-refresh .geo-learning-path .geo-learning-card:nth-child(5) { grid-column: span 2; min-height: 135px; }
}
@media (max-width: 767px) {
  .site-refresh .whoUse-wrap .row { row-gap: 12px; }
  .site-refresh .whoUse-panel { min-height: 220px; padding: 24px 12px 22px; border-radius: 18px; }
  .site-refresh .whoUse-panel img { width: 58px; height: 58px; }
  .site-refresh .whoUse-panel h3 { margin-top: 18px !important; font-size: 16px; line-height: 1.4; }
  .site-refresh .whoUse-panel p { margin-top: 9px !important; font-size: 12.5px; line-height: 1.7; }
  .site-refresh .whoUse-panel p br { display: none; }
  .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 thead th,
  .blog-refresh .v2-data-table thead th,
  .site-refresh .whoUsing-banner .v2-dark-table thead th { padding: 13px 14px !important; font-size: 12.5px; }
  .site-refresh .v2-data-table tbody td,
  .site-refresh .v2-data-table tbody th,
  .blog-refresh .v2-data-table tbody td,
  .blog-refresh .v2-data-table tbody th,
  .site-refresh .whoUsing-banner .v2-dark-table tbody td,
  .site-refresh .whoUsing-banner .v2-dark-table tbody th { padding: 12px 14px !important; font-size: 12.5px; line-height: 1.72; }
  .site-refresh .v2-data-table caption,
  .blog-refresh .v2-data-table caption,
  .site-refresh .whoUsing-banner .v2-dark-table caption { padding: 13px 15px 13px 34px; font-size: 12px; }
  .site-refresh .v2-table-scroll::before,
  .blog-refresh .v2-table-scroll::before { top: 20px; left: 17px; width: 7px; height: 7px; }
  .site-refresh .v2-table-scroll + .v3-table-hint:not([hidden]),
  .blog-refresh .v2-table-scroll + .v3-table-hint:not([hidden]) {
    display: flex; align-items: center; gap: 6px;
  }
  .site-refresh .case-card { padding: 23px 19px 20px; }
  .site-refresh .case-card h3 { font-size: 19px; }
  .site-refresh .case-card .case-metrics { gap: 7px; }
  .site-refresh .case-card .case-metrics > div { padding: 10px 9px; }
  .site-refresh .case-card .case-metrics h4 { font-size: 15px; }
  .site-refresh .case-card .case-metrics span { font-size: 11px; }
  .blog-refresh .geo-learning-path { grid-template-columns: 1fr; gap: 12px; }
  .blog-refresh .geo-learning-path .geo-learning-card,
  .blog-refresh .geo-learning-path .geo-learning-card:nth-child(4),
  .blog-refresh .geo-learning-path .geo-learning-card:nth-child(5) {
    grid-column: 1;
    min-height: 0;
    padding: 18px 20px;
    gap: 11px;
  }
  .blog-refresh .geo-learning-path .geo-learning-card .geo-learning-name { font-size: 15.5px; }
  .blog-refresh .geo-learning-path + .grid .nx-card { padding: 21px; }
}
@media (max-width: 400px) {
  .site-refresh .whoUse-wrap .row > [class*="col-"] { padding-inline: 6px; }
  .site-refresh .whoUse-panel { padding-inline: 9px; }
  .site-refresh .whoUse-panel h3 { font-size: 14.5px; }
  .site-refresh .case-card .case-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .site-refresh .whoUse-panel,
  .blog-refresh .geo-learning-path .geo-learning-card { transition: none !important; }
}

/* 行业页角色卡中的功能标签原来是浅紫底+白字：修复实际低对比度。 */
.site-refresh .whoUse-panel .panel-feature {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  gap: 8px;
  margin-top: 22px !important;
}
.site-refresh .whoUse-panel .panel-feature li {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 11px;
  border: 1px solid #dbd6ff;
  border-radius: 999px;
  background: #f2f0ff;
  color: #5842c3 !important;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
  white-space: normal;
}
/* 解决方案页的建议卡也沿用全站浅色信息卡，而非三种高饱和背景。 */
.site-refresh .suggest-contrainer > div .suggest-panel {
  background: linear-gradient(145deg, #fff 0%, #f3f2ff 100%);
  border: 1px solid var(--v3-line);
  border-radius: 23px;
  color: var(--v3-ink);
}
.site-refresh .suggest-contrainer > div .suggest-panel h3,
.site-refresh .suggest-contrainer > div .suggest-panel p,
.site-refresh .suggest-contrainer > div .suggest-panel span { color: var(--v3-ink) !important; }
.site-refresh .suggest-contrainer > div .suggest-panel p { color: var(--v3-text) !important; }
@media (max-width: 767px) {
  .site-refresh .whoUse-wrap h2 { max-width: 320px; margin-left: auto; margin-right: auto; font-size: 24px !important; line-height: 1.45 !important; }
  .site-refresh .whoUse-panel { min-height: 202px; }
  .site-refresh .whoUse-panel .panel-feature { gap: 5px; margin-top: 14px !important; }
  .site-refresh .whoUse-panel .panel-feature li { padding: 5px 8px; font-size: 10.5px; min-height: 26px; }
}

/* 全站巡检补漏：隐私政策容器受 Bootstrap row 与表格最小宽度共同影响，会撑出手机屏幕。 */
.site-refresh .privacy-content-bt .row > .privacy-content {
  display: block;
  flex: 0 1 100%;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.site-refresh .privacy-content :is(.geo-tldr,.geo-table-wrap,.privacy-inner) { max-width: 100%; min-width: 0; }
/* 相关文章的封面原始图片有 900/2560px 宽；约束网格项目的 intrinsic size。 */
.blog-refresh section .grid { min-width: 0; }
.blog-refresh section .grid > .nx-card { min-width: 0; max-width: 100%; }
.blog-refresh section .grid > .nx-card > img,
.blog-refresh section .grid > .nx-card > picture,
.blog-refresh section .grid > .nx-card > img.w-full {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width:767px) {
  .blog-refresh section .grid.md\\:grid-cols-3 { grid-template-columns: minmax(0,1fr) !important; }
  .site-refresh .privacy-content { padding-left: 0; padding-right: 0; }
}
/* CDN-style Tailwind browser runtime 尚未生成工具类时，也要保证文章封面不会按原始 900px 宽度撑屏。 */
.blog-refresh main img.w-full,
.blog-refresh main .qdk-prose img,
.blog-refresh main .nx-prose img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.blog-refresh main .overflow-hidden { overflow: hidden; }
/* 320px 窄屏巡检：试用申请表单中验证码输入行必须可收缩。 */
.site-refresh .form-wrap .layRow > input.flex-1 { min-width: 0; width: 0; flex: 1 1 auto; }
.site-refresh .form-wrap .canvas-code { flex: 0 0 86px; width: 86px; height: 44px; object-fit: cover; }
@media (max-width: 400px) {
  .site-refresh .form-wrap .layRow { max-width: 100%; min-width: 0; }
  .site-refresh .form-wrap .canvas-code { flex-basis: 74px; width: 74px; height: 44px; margin-left: 7px !important; }
}