/* ============================================================
   site-unified.css —— 四维图语 官网统一视觉层
   作用：Mega 产品下拉菜单 + 产品页 Hero + 实景展示 + CTA 转化区
   设计语言与首页对齐：主色 #009CF6，暗色底 rgba(10,14,26)，圆角卡片，橙色高亮
   ============================================================ */
:root {
  --gt-orange: #009CF6;
  --gt-accent: #009CF6;
  --gt-dark: #0a0e1a;
  --gt-ink: #222;
  --gt-gray: #8e8e8e;
  --gt-page-bg: #f5f7fb;
}

/* 隐藏旧的悬停下拉（改由 Mega 菜单接管） */
.nav-dropdown .dropdown-menu { display: none !important; }
.nav-dropdown > a,
.nav-dropdown > a:hover { top: 0 !important; }
.nav-dropdown > a .tx { display: none !important; }
.nav-dropdown.is-open > a { color: var(--gt-orange) !important; }

/* ---------- Mega 菜单面板 ---------- */
.gt-mega {
  position: fixed; top: 90px; left: 0; right: 0; z-index: 998;
  background: #fff; border-top: 2px solid rgba(0,156,246, 0.15);
  box-shadow: 0 18px 48px rgba(10, 14, 26, 0.16);
  opacity: 0; visibility: hidden; transform: translateY(-14px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
}
.gt-mega.gt-mega-open { opacity: 1; visibility: visible; transform: translateY(0); }
.gt-mega-inner {
  max-width: 1400px; margin: 0 auto; padding: 34px 40px 40px;
  display: grid; grid-template-columns: 1fr 268px; gap: 40px;
}
.gt-mega-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 40px; align-content: start; }
.gt-mega-label {
  grid-column: 1 / -1; font-size: 13px; font-weight: 700; color: var(--gt-gray);
  letter-spacing: 1px; text-transform: uppercase; margin: 2px 0 6px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0;
}
/* 全站 3D 图标基类：img，尺寸继承容器 font-size(1em) */
.gti { width: 1.15em; height: 1.15em; display: inline-block; vertical-align: middle; object-fit: contain; }
.gt-mega-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px; border-radius: 12px; text-decoration: none; transition: background .25s, transform .25s; }
.gt-mega-item:hover { background: #e8f4fd; transform: translateX(3px); }
.gt-mega-icon { flex: 0 0 auto; width: 52px; display: flex; align-items: center; justify-content: center; font-size: 40px; line-height: 1; background: none; }
.gt-mega-tx { min-width: 0; }
.gt-mega-name { font-size: 16px; font-weight: 700; color: var(--gt-ink); line-height: 1.3; }
.gt-mega-item:hover .gt-mega-name { color: var(--gt-orange); }
.gt-mega-desc { font-size: 13px; color: var(--gt-gray); line-height: 1.55; margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gt-mega-side { border-left: 1px solid #f0f0f0; padding-left: 32px; display: flex; flex-direction: column; gap: 14px; }
.gt-mega-side-title { font-size: 13px; font-weight: 700; color: var(--gt-gray); letter-spacing: 1px; text-transform: uppercase; }
.gt-mega-feature { display: block; padding: 16px; border-radius: 12px; text-decoration: none; background: linear-gradient(135deg, #0a0e1a 0%, #1b2340 100%); transition: transform .25s, box-shadow .25s; }
.gt-mega-feature:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(10, 14, 26, 0.3); }
.gt-mega-feature h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 4px; }
.gt-mega-feature h4 span { color: var(--gt-orange); }
.gt-mega-feature p { color: rgba(255, 255, 255, 0.72); font-size: 12.5px; line-height: 1.5; margin: 0; }
.gt-mega-cta { display: block; text-align: center; padding: 13px 16px; border-radius: 30px; background: var(--gt-orange); color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: none; transition: all .3s; }
.gt-mega-cta:hover { background: #009CF6; box-shadow: 0 6px 16px rgba(0,156,246, 0.4); }
.gt-mega-backdrop { position: fixed; inset: 0; top: 90px; z-index: 997; background: rgba(10, 14, 26, 0.28); opacity: 0; visibility: hidden; transition: opacity .28s; }
.gt-mega-backdrop.gt-mega-open { opacity: 1; visibility: visible; }
@media (max-width: 1200px) {
  .gt-mega-inner { grid-template-columns: 1fr; }
  .gt-mega-side { border-left: none; padding-left: 0; }
}
@media (max-width: 992px) { .gt-mega, .gt-mega-backdrop { display: none !important; } }

/* ============================================================
   产品页 Hero —— 与首页暗色视频 Hero 视觉对齐
   ============================================================ */
.gt-pro-hero {
  position: relative; overflow: hidden; margin: 0 !important; min-height: 460px; display: flex; align-items: center;
  background: linear-gradient(120deg, #0a0e1a 0%, #16203a 55%, #1b2340 100%);
}
.gt-pro-hero .gt-pro-bg {
  position: absolute; top: 0; right: 0; height: 100%; width: 55%; background-size: cover; background-position: center;
  -webkit-mask-image: linear-gradient(to left, #000 30%, transparent 100%); mask-image: linear-gradient(to left, #000 30%, transparent 100%); opacity: .38;
}
.gt-pro-hero .gt-pro-overlay { position: absolute; inset: 0; background: radial-gradient(120% 120% at 15% 30%, rgba(0,156,246, 0.16) 0%, transparent 45%); background: radial-gradient(120% 120% at 15% 30%, color-mix(in srgb, var(--gt-accent) 20%, transparent) 0%, transparent 45%); }
.gt-pro-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 72px); -webkit-mask-image: linear-gradient(to right, #000 30%, transparent 78%); mask-image: linear-gradient(to right, #000 30%, transparent 78%); }
.gt-pro-hero .gt-pro-body { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; width: 100%; padding: 120px 40px 64px; }
.gt-pro-tag { display: inline-block; padding: 7px 22px; border-radius: 30px; border: 1px solid rgba(0,156,246, 0.4); background: rgba(0,156,246, 0.1); color: var(--gt-orange); font-size: 14px; font-weight: 600; letter-spacing: .5px; margin-bottom: 22px; }
body.gt-pd .gt-pro-tag { border-color: color-mix(in srgb, var(--gt-accent) 55%, transparent); background: color-mix(in srgb, var(--gt-accent) 14%, transparent); color: color-mix(in srgb, var(--gt-accent) 60%, #fff); }
.gt-pro-title { font-size: 46px; font-weight: 700; color: #fff; line-height: 1.15; margin: 0 0 10px; }
.gt-pro-title .highlight { color: var(--gt-orange); }
.gt-pro-en { font-size: 16px; color: rgba(255, 255, 255, 0.5); font-family: "Calibri", sans-serif; letter-spacing: 1px; margin: 0 0 20px; }
.gt-pro-sub { font-size: 18px; color: rgba(255, 255, 255, 0.92); line-height: 1.85; max-width: 760px; margin: 0 0 26px; }
.gt-pro-sub strong { color: #fff; }
.gt-pro-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 34px; }
.gt-pro-chips span { padding: 8px 18px; border-radius: 30px; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(6px); transition: all .3s; }
.gt-pro-chips span:hover { border-color: var(--gt-accent); background: color-mix(in srgb, var(--gt-accent) 24%, transparent); transform: translateY(-2px); }
.gt-pro-btns { display: flex; flex-wrap: wrap; gap: 16px; }
.gt-btn-primary, .gt-btn-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 15px 40px; border-radius: 30px; font-weight: 600; font-size: 17px; text-decoration: none; transition: all .3s; }
.gt-btn-primary { background: rgba(0,156,246, 0.85); color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); }
.gt-btn-primary:hover { background: var(--gt-orange); box-shadow: 0 0 22px rgba(0,156,246, 0.45); transform: translateY(-2px); }
.gt-btn-ghost { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); }
.gt-btn-ghost:hover { border-color: #fff; background: rgba(255, 255, 255, 0.1); }
@media (max-width: 768px) {
  .gt-pro-hero { min-height: 380px; }
  .gt-pro-hero .gt-pro-bg { width: 80%; opacity: .22; }
  .gt-pro-hero .gt-pro-body { padding: 130px 20px 48px; }
  .gt-pro-title { font-size: 30px; }
  .gt-pro-sub { font-size: 15px; }
  .gt-btn-primary, .gt-btn-ghost { padding: 12px 28px; font-size: 15px; }
}

/* ============================================================
   产品实景展示区（截图 + 占位）
   ============================================================ */
.gt-showcase { padding: 60px 0 30px; background: #f7f8fc; }
.gt-showcase .gt-wrap { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.gt-sec-head { text-align: center; margin-bottom: 36px; }
.gt-sec-head h2 { font-size: 32px; font-weight: 700; color: var(--gt-ink); margin: 0; }
.gt-sec-head .line { width: 46px; height: 3px; background: var(--gt-orange); margin: 14px auto; border-radius: 2px; }
.gt-sec-head p { color: var(--gt-gray); font-size: 16px; margin: 0; }
/* 实景区：浏览器窗口 mock + 主题色能力瓷片（替代旧的三卡占位） */
.gt-brow { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: stretch; }
.gt-browser { background: #fff; border: 1px solid #e8ebf3; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(10, 14, 26, 0.12); }
.gt-browser-bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: #f4f5f9; border-bottom: 1px solid #e8ebf3; }
.gt-browser-bar i { width: 11px; height: 11px; border-radius: 50%; background: #ff5f57; }
.gt-browser-bar i:nth-child(2) { background: #ffbd2e; }
.gt-browser-bar i:nth-child(3) { background: #28c840; }
.gt-browser-bar span { margin-left: 10px; flex: 1; background: #fff; border: 1px solid #ececf2; color: #9aa3b5; font-size: 12px; padding: 5px 14px; border-radius: 8px; }
.gt-browser-img { display: block; width: 100%; }
.gt-side-tiles { display: grid; grid-template-rows: 1fr 1fr; gap: 24px; }
.gt-tile { position: relative; overflow: hidden; border-radius: 16px; padding: 26px; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; min-height: 120px; }
.gt-tile em { position: absolute; top: 0; right: 14px; font-style: normal; font-size: 58px; font-weight: 800; font-family: Arial, sans-serif; color: rgba(255, 255, 255, 0.16); line-height: 1; }
.gt-tile h4 { margin: 0 0 6px; font-size: 19px; }
.gt-tile p { margin: 0; font-size: 13px; opacity: .85; }
.gt-tile-a { background: linear-gradient(140deg, var(--gt-accent), #1b2340); }
.gt-tile-b { background: linear-gradient(140deg, #25316b, #0a0e1a); }
@media (max-width: 900px) { .gt-brow { grid-template-columns: 1fr; } .gt-side-tiles { grid-template-rows: none; grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .gt-side-tiles { grid-template-columns: 1fr; } }

/* ============================================================
   信任背书条 + CTA 转化区
   ============================================================ */
.gt-trust { padding: 26px 0 0; background: transparent; }
.gt-trust-inner { max-width: 1400px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.gt-trust-badge { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 30px; background: #fff; border: 1px solid #eee; color: #555; font-size: 14px; font-weight: 600; }
.gt-trust-badge i { font-style: normal; color: var(--gt-orange); font-weight: 700; }
.gt-cta-band { margin: 40px 0 0; padding: 56px 20px; text-align: center; position: relative; overflow: hidden; background: linear-gradient(120deg, #0a0e1a 0%, #1b2340 100%); }
.gt-cta-band::before { content: ""; position: absolute; inset: 0; background: radial-gradient(80% 140% at 50% 0%, rgba(0,156,246, 0.18) 0%, transparent 60%); }
.gt-cta-band > * { position: relative; z-index: 1; }
.gt-cta-band h3 { color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 12px; }
.gt-cta-band h3 span { color: var(--gt-orange); }
.gt-cta-band p { color: rgba(255, 255, 255, 0.78); font-size: 16px; margin: 0 0 30px; }
.gt-cta-band .gt-pro-btns { justify-content: center; }
.gt-cta-phone { margin-top: 22px; color: rgba(255, 255, 255, 0.6); font-size: 15px; }
.gt-cta-phone b { color: #fff; font-size: 18px; }

/* ---------- 产品页「适用场景 / 为什么选择」四宫格卡片：略缩窄 + 整行居中，两端留白 ---------- */
.cased1 { justify-content: center !important; }
.cased1 .advantage { width: calc(23% - 9px) !important; }

/* ---------- Solutions 页：典型痛点迁入图片右侧信息区（sol-pain-wrap），字号放大 1 号 ---------- */
.sol-card-header .sol-info .sol-pain-wrap { margin-top: 26px; }
.sol-card-header .sol-info .sol-pain-wrap h4 { font-size: 16px; color: #009CF6; font-weight: 600; margin: 0 0 10px; }
.sol-card-header .sol-info .sol-pain-wrap .pain-list { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.sol-card-header .sol-info .sol-pain-wrap .pain-item { display: flex; align-items: center; gap: 7px; font-size: 15px; color: #666; }
.sol-card-header .sol-info .sol-pain-wrap .pain-item::before { content: '!'; flex: 0 0 auto; width: 18px; height: 18px; background: #e8f4fd; color: #009CF6; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
/* 能力标签胶囊:改中性配色(去掉橙字橙底) */
.sol-card-header .sol-info .sol-tags span { background: #f2f3f5 !important; color: #555 !important; }

/* ============================================================
   产品页“去模板脸”设计层（body.gt-pd，随页主题色 --gt-accent）
   ============================================================ */
/* 1) 章节标题：整组居中 + 标题行内描边序号（编辑感但不贴左边缘） */
body.gt-pd .main { counter-reset: gtsec; }
body.gt-pd .part-title { counter-increment: gtsec; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 16px; text-align: center; padding-left: 0; min-height: 0; }
body.gt-pd .part-title::before { content: counter(gtsec, decimal-leading-zero); font-family: Arial, Helvetica, sans-serif; font-size: 44px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--gt-accent); }
body.gt-pd .part-title .tit { font-size: 30px; letter-spacing: 1px; margin-bottom: 0; }
body.gt-pd .part-title .line { flex: 0 0 100%; order: 3; width: 56px; max-width: none; height: 3px; border-radius: 2px; margin: 12px auto 10px; background: var(--gt-accent); }
body.gt-pd .part-title .en { flex: 0 0 100%; order: 4; margin-bottom: 0; padding-left: 0; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: #9aa3b5; }

/* 2) 功能页签：胶囊组样式（浅灰胶囊底/圆角），选中项实心主题色 + 白字 */
body.gt-pd .service-part1 .service-tab.css3 { background: #f3f4f8 !important; border: 1px solid transparent !important; border-radius: 999px !important; padding: 11px 26px !important; min-width: 0 !important; line-height: normal !important; margin: 4px 7px !important; box-shadow: none !important; transition: all .25s; }
body.gt-pd .service-part1 .service-tab.css3:hover { background: #eceef4 !important; }
body.gt-pd .service-part1 .service-tab.css3:hover span { color: var(--gt-accent) !important; }
body.gt-pd .service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab.css3 { background: var(--gt-accent) !important; border-bottom-color: transparent !important; box-shadow: 0 8px 18px color-mix(in srgb, var(--gt-accent) 35%, transparent); }
body.gt-pd .service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab.css3 span { color: #fff !important; }

/* 3) 功能卡片：序号水印 + 统一白卡，三列上下间距一致（已取消奇偶错落偏移） */
body.gt-pd .feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: feat; }
body.gt-pd .feat-card { position: relative; overflow: hidden; counter-increment: feat; background: #fff; border: 1px solid #edf0f6; border-radius: 14px; padding: 24px 22px; box-shadow: 0 4px 14px rgba(10, 14, 26, 0.04); transition: all .3s; }
body.gt-pd .feat-card::after { content: counter(feat, decimal-leading-zero); position: absolute; right: 10px; top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 800; color: rgba(10, 14, 26, 0.05); line-height: 1; pointer-events: none; }
body.gt-pd .feat-card h4 { color: var(--gt-ink); }
body.gt-pd .feat-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--gt-accent) 45%, #edf0f6); box-shadow: 0 14px 30px color-mix(in srgb, var(--gt-accent) 14%, transparent); background: #fff; }
@media (max-width: 900px) { body.gt-pd .feat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { body.gt-pd .feat-grid { grid-template-columns: 1fr; } body.gt-pd .part-title::before { font-size: 30px; } }

/* 4) 适用场景/为什么选择卡片：去灰边框，改浮层卡 + 主题色顶线 */
body.gt-pd .cased1 .advantage { border: none !important; background: #fff; border-radius: 14px; box-shadow: 0 8px 24px rgba(10, 14, 26, 0.06); transition: all .3s; }
body.gt-pd .cased1 .advantage:hover { transform: translateY(-5px); box-shadow: 0 16px 36px rgba(10, 14, 26, 0.12); }

/* 5) 实景区标题线随主题色 */
body.gt-pd .gt-sec-head .line { background: var(--gt-accent); }

/* ============================================================
   Solutions 页设计层：每个实验室类型 tab 专属主题色 + Hero 网格
   ============================================================ */
.sol-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 72px); -webkit-mask-image: linear-gradient(to right, #000 30%, transparent 78%); mask-image: linear-gradient(to right, #000 30%, transparent 78%); }

/* tab 胶囊化 + 按序号轮换主题色（解除 900px 宽度限制，保证 5 个一行居中） */
.sol-tabs { border-bottom: none !important; max-width: none !important; }
.sol-tab-btn { border: 1px solid #e8eaf1 !important; border-radius: 999px !important; background: #fff !important; padding: 11px 22px !important; margin: 4px 6px !important; margin-bottom: 0 !important; white-space: nowrap; }
.sol-tab-btn:hover { color: var(--gt-orange) !important; border-color: var(--gt-orange) !important; background: none; }
.sol-tabs .sol-tab-btn:nth-child(1) { --sol-accent: #009CF6; }
.sol-tabs .sol-tab-btn:nth-child(2) { --sol-accent: #009CF6; }
.sol-tabs .sol-tab-btn:nth-child(3) { --sol-accent: #009CF6; }
.sol-tabs .sol-tab-btn:nth-child(4) { --sol-accent: #009CF6; }
.sol-tabs .sol-tab-btn:nth-child(5) { --sol-accent: #009CF6; }
.sol-tabs .sol-tab-btn.active { color: #fff !important; border-color: transparent !important; background: var(--sol-accent, #009CF6) !important; box-shadow: 0 8px 18px rgba(10,14,26,0.16); }

/* 卡片主题色跟随当前 tab（nth-of-type 与页签同序对应） */
.sol-section .sol-card-new:nth-of-type(1) { --sol-accent: #009CF6; }
.sol-section .sol-card-new:nth-of-type(2) { --sol-accent: #009CF6; }
.sol-section .sol-card-new:nth-of-type(3) { --sol-accent: #009CF6; }
.sol-section .sol-card-new:nth-of-type(4) { --sol-accent: #009CF6; }
.sol-section .sol-card-new:nth-of-type(5) { --sol-accent: #009CF6; }
.sol-card-new.active { border-color: #ececf2 !important; box-shadow: 0 18px 44px rgba(10,14,26,0.08); }
.sol-card-new.active:hover { border-color: var(--sol-accent, #009CF6) !important; }
.sol-card-new .sol-badge { background: var(--sol-accent, #009CF6) !important; }
.sol-card-new .sol-card-header .sol-info h3::after { content: ""; display: block; width: 46px; height: 3px; border-radius: 2px; background: var(--sol-accent, #009CF6); margin-top: 12px; }
.sol-card-new .sol-feature .feat-icon { color: var(--sol-accent, #009CF6) !important; }
.sol-card-new .sol-value-item .val { color: var(--sol-accent, #009CF6) !important; }
.sol-card-new .sol-pain-wrap h4 { color: var(--sol-accent, #009CF6) !important; }
/* 信任条图标同步当前卡片主题色 */
.gt-trust-badge i { color: var(--sol-accent, var(--gt-orange)) !important; }

/* 页脚联系方式条（全站通用） */
.fo-contact { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 44px; padding: 24px 16px 4px; color: #dfe6ee; font-size: 14px; text-align: center; }
.fo-contact a { color: #fff; text-decoration: none; }
.fo-contact a:hover { color: #35b7ff; }
.fo-contact .fo-qr { display: flex; align-items: center; gap: 10px; }
.fo-contact .fo-qr img { width: 64px; height: 64px; background: #fff; padding: 3px; border-radius: 6px; }
@media (max-width: 640px) { .fo-contact { gap: 12px 24px; font-size: 13px; } .fo-contact .fo-qr img { width: 54px; height: 54px; } }

/* 导航增至 8 项后的宽度适配（覆盖 style.css 默认间距） */
@media (max-width: 1540px) {
  .he_r ul li { margin-right: 28px !important; padding-right: 10px !important; }
}
@media (max-width: 1400px) {
  .he_r ul li { margin-right: 20px !important; padding-right: 4px !important; }
  .he_r ul li a { font-size: 16px !important; }
}
@media (max-width: 1240px) {
  .he_r ul li { margin-right: 14px !important; padding-right: 0 !important; }
  .he_r ul li a { font-size: 15px !important; }
}
/* 「资讯」改为「新闻资讯」后导航整体变宽，1200 以下直接收进汉堡菜单 */
@media (max-width: 1200px) {
  .he_r ul { display: none !important; }
  .he_r .menu { display: block !important; }
}

/* ============================================================
   全站版式统一规范 —— 底色节奏 / 区块衔接 / 卡片圆角
   页面灰底只保留一套（--gt-page-bg），内容卡片只保留一套白底；
   杜绝 #f0f0f0 / #f7f8fc / #f8f9fc / #f4f6f9 多套灰并存，
   它们在区块交界处会露出「上面底色没延展下来」的异色带。
   ============================================================ */
body { background: var(--gt-page-bg); }
.gt-showcase, .scenario-section, .news-page, .part-contact { background: transparent; }

/* 原生模板 body > .main 是 float:left，其后 body 级区块若不清除浮动，
   会上浮与 .main 并排叠印（实测 .gt-trust 高 1817px、.scenario-section 与 .main 同 top），
   表现为 banner 下方或页面中部一条空白异色带。 */
body > .scenario-section,
body > .gt-showcase,
body > .gt-trust,
body > .gt-cta-band { clear: both; }

/* 信任背书条：并入上方内容卡片底部（hero.js 注入宿主卡片内部），不再单独成一条横带
   左右 margin 用 auto：在窄宿主（如 FAQ 页 .wp-scene 限宽 900）下也能跟随内容居中，
   宽宿主里元素已占满内容宽，auto 等价于 0，不受影响 */
.gt-trust--inline { padding: 0; margin: 26px auto 0; border-top: 1px dashed rgba(15, 40, 80, .12); }
.gt-trust--inline .gt-trust-inner { max-width: none; padding: 18px 0 0; }

/* 内容大卡片全站直角，与 .wp-wrap / .news-cont 一致；圆角只留给卡片内部的小卡 */
.news-panel { border-radius: 0; }
/* 内容区与 banner 之间统一留白，不再紧贴 */
.news-page { padding-top: 40px; }
/* 资讯列表容器宽 1440 与全站内容容器 1460 不同步，对齐为 1460 */
.news-shell { max-width: 1460px; }

/* 产品页由 hero.js 生成暗色 Hero，模板原有的占位换行（body 下 6 个裸 <br>，实测 114px）
   会在 Hero 与内容卡之间再撑出一条空白带，必须清掉（仅限已注入 Hero 的产品页） */
body.gt-pd > br { display: none; }
/* 方案卡底部 40px margin + 分区 60px padding 叠加成 100px 空白，压回 40px 与其它页节奏一致 */
.sol-section { padding-bottom: 0; }

/* ---------- 圆角节奏：容器级大卡直角，卡内小卡统一 12px ----------
   实测原状四种值混用（10/12/14/16），收敛为两档： */
.sol-card-new { border-radius: 0; }
.role-card, .gt-why-card, .cases-grid-home > *, .faq-home details, .wp-faq details,
.ind-faq details, .scene-card, .wp-card, .download-table-wrap, .wp-endcta, .ind-dl,
.feat-card, .gt-browser, .gt-tile, .gt-flag-inner, .art-toc, .art-body .details { border-radius: 12px; }

/* ---------- 卡内浅灰填充同样收敛为一套（原 #f8f9fc / #f8fbfe / #fbfcfe 三套并存） ---------- */
.gt-why-card, .cases-grid-home > *, .faq-home details, .art-toc, .art-note, .art-body .details { background: #f7f9fc; }
.faq-home details[open] { background: #fff; }

/* ---------- 首页场景化解决方案入口：按「我是什么类型的实验室」分流 ----------
   新访客不必自己拼模块：五类实验室各给「进入方案 + 下载白皮书」两个动作，
   移动端逐级降为 3 列 / 1 列 */
.gt-scene-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 8px; }
.gt-scene-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e6edf7; border-radius: 12px; padding: 22px 20px 16px; transition: box-shadow .2s, transform .2s; }
.gt-scene-card:hover { box-shadow: 0 10px 26px rgba(15, 40, 80, .08); transform: translateY(-2px); }
.gt-scene-card .sc-tag { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #009CF6; background: rgba(0, 156, 246, .08); border-radius: 4px; padding: 3px 8px; }
.gt-scene-card h3 { font-size: 17px; font-weight: 700; color: #1a2740; line-height: 1.4; margin: 12px 0 8px; }
.gt-scene-card p { flex: 1; font-size: 14px; line-height: 1.7; color: #5b6b82; margin: 0 0 14px; }
.gt-scene-card .sc-acts { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px dashed #e6edf7; padding-top: 12px; }
.gt-scene-card .sc-go { font-size: 14px; font-weight: 600; color: #009CF6; text-decoration: none; }
.gt-scene-card .sc-go:hover { text-decoration: underline; }
.gt-scene-card .sc-dl { font-size: 13px; color: #5b6b82; text-decoration: none; white-space: nowrap; border: 1px solid #dbe6f4; border-radius: 16px; padding: 5px 12px; }
.gt-scene-card .sc-dl:hover { color: #009CF6; border-color: #009CF6; }
.gt-scene-more { margin-top: 18px; text-align: center; font-size: 14px; color: #5b6b82; }
.gt-scene-more a { color: #009CF6; text-decoration: none; margin: 0 6px; }
/* 场景板块左右留白：与「为什么选择我们」的 40px 对齐 */
.gt-scene-wrap { padding: 56px 40px 8px; }
@media (max-width: 1200px) { .gt-scene-wrap { padding: 48px 24px 8px; } }
@media (max-width: 760px) { .gt-scene-wrap { padding: 40px 16px 8px; } }
@media (max-width: 1200px) { .gt-scene-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .gt-scene-grid { grid-template-columns: 1fr; } .gt-scene-card { padding: 18px 16px 14px; } }