/* ========================================
   智时代官网 - 精确对齐蓝湖设计稿
   设计稿尺寸: 1920 x 10618px
   容器: left=250 → right=1670 (宽1420px)
   ======================================== */

/* ===== 基础重置 ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  font-family: "HarmonyOS Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  color: #111f2c;
  background: #ffffff;
  overflow-x: hidden;
  scroll-padding-top: 80px;
}

/* 字体变量 */
:root {
  --font-din: 'Inter', 'DIN Alternate', 'DIN 1451 Std', 'Segoe UI', Arial, sans-serif;
  --font-din-black: 'DIN Black', 'D-DIN', 'Inter', 'DIN Alternate', 'Segoe UI', Arial, sans-serif;
  --font-hans: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}

/* ===== 通用容器 ===== */
.container {
  width: 1420px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

section { overflow: hidden; }

/* ===== 水印文字 ===== */
.watermark {
  position: absolute;
  font-size: 110px;
  font-weight: bold;
  color: rgba(17, 31, 44, 0.05);
  white-space: nowrap;
  letter-spacing: 2px;
  pointer-events: none;
  z-index: 0;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
}

/* ===== 渐变文字 ===== */
.gradient-text {
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== 板块标题 40px ===== */
.section-title {
  font-size: 40px;
  font-weight: 500;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #111f2c;
  line-height: 63.39px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

/* ===== 数字化价值区标题 — 绝对定位漂浮于 watermark 上方 ===== */
/* 设计稿：画布 y=1244，.digitalization 起点 y=1080 → 相对 top=164px */
.digitalization .section-title {
  position: absolute !important;
  left: 50% !important;
  top: 164px !important;
  transform: translateX(-50%) !important;
  width: 400px !important;
  height: 64px !important;
  font-size: 40px !important;
  font-weight: 500 !important;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  line-height: 63.39px !important;
  text-align: center !important;
  letter-spacing: 0em !important;
  color: #111F2C !important;
  margin: 0 !important;
  z-index: 2 !important;
}

.section-title.white {
  color: #ffffff;
}

.section-title.center {
  text-align: center;
}

/* ===== 产品标题 38px ===== */
.product-title {
  font-size: 38px;
  font-weight: 500;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 45px;
  letter-spacing: 0;
  color: #111f2c;
  margin-bottom: 16px;
}

/* MasterGo 产品标题中仅指定片段使用品牌渐变，其余文字保持 #111F2C。 */
.product-title-gradient {
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.product-title.center {
  text-align: center;
}

/* ===== 产品描述 18px ===== */
.product-desc {
  font-size: 18px;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #4e5969;
  line-height: 26px;
  letter-spacing: 0;
  margin-bottom: 40px;
}

.product-desc.center {
  text-align: center;
}

/* ===== 小节标题 22px ===== */
.subsection {
  margin-top: 40px;
}

.subsection-title {
  font-size: 22px;
  font-weight: 500;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #111f2c;
  line-height: 26px;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.subsection-en {
  font-size: 14px;
  color: #111f2c;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 500;
  line-height: 26px;
  margin-left: 8px;
  letter-spacing: 0;
}

/* ===== 标注 14px ===== */

/* ===== 按钮 ===== */
.btn-gradient {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 159px;
  height: 46px;
  padding: 0 24px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  border-radius: 256px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s;
}

.btn-gradient:hover {
  opacity: 0.9;
}

.btn-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 159px;
  height: 45px;
  padding: 0 24px;
  text-align: center;
  font-size: 18px;
  color: #0066ff;
  background: #ffffff;
  border-radius: 256px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s;
}

.btn-white:hover {
  opacity: 0.9;
}

/* ===== 导航栏 ===== */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #ffffff;
  z-index: 1000;
  border-bottom: 1px solid rgba(0, 102, 255, 0.1);
  transition: box-shadow 0.3s ease;
}
.navbar.scrolled {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 12px rgba(17, 31, 44, 0.08);
}

.nav-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
  height: 100px;
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 30px;
  position: relative;
}

.nav-logo {
  width: 224px;
  height: 73px;
  display: flex;
  align-items: center;
  margin-right: 0;
  flex-shrink: 0;
}

.nav-logo img {
  max-width: 100%;
  max-height: 100%;
}

.nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 0;
}

.nav-item {
  position: relative;
  font-size: 26px;
  font-weight: 700;
  color: #111f2c;
  text-decoration: none;
  padding: 22px 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.nav-item-link {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #111f2c;
  text-decoration: none;
  line-height: 1.35;
  white-space: nowrap;
}

.nav-item-link:hover {
  color: #0066ff;
}

.nav-item.has-dropdown:hover .nav-item-link {
  color: #0066ff;
}

.nav-item:hover {
  color: #0066ff;
}

.nav-item.active {
  color: #0066ff;
}

.nav-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 4px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  border-radius: 2px;
}

.nav-arrow {
  width: 20px;
  height: 20px;
  display: inline-block;
  object-fit: contain;
  flex-shrink: 0;
}

.btn-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  object-fit: contain;
  flex-shrink: 0;
}

.nav-contact {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 30px;
  flex-shrink: 0;
}

.nav-phone-icon {
  width: 32px;
  height: 32px;
}

.nav-phone {
  font-size: 24px;
  color: #0066ff;
  font-weight: 700;
  font-family: var(--font-din-black);
  white-space: nowrap;
}

/* ===== Hero ===== */
.hero {
  position: relative;
  width: 100%;
  height: 57em;
  margin-top: 0;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/hero-bg.png') no-repeat center top;
  background-size: cover;
  z-index: 0;
}

.hero-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 30, 80, 0.6) 0%, rgba(0, 102, 255, 0.3) 100%);
}

.hero-content {
  position: absolute;
  top: 236px;
  left: 250px;
  z-index: 2;
}

.hero-title {
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  /* MasterGo 图层 212:96897：48px、136.67% 行高、x=250/y=236。 */
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.3667;
  letter-spacing: 0;
  width: 624px;
  margin-bottom: 34px;
}

.hero-subtitle {
  font-size: 20px;
  color: #ffffff;
  /* MasterGo 图层 212:95511：x=250/y=402，宽820px，高23px。 */
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 23px;
  letter-spacing: 0;
  margin-bottom: 66px;
  max-width: 820px;
}

.hero-cta {
  display: flex;
  gap: 8px;
}

/* MasterGo 波浪线（212:024084）：x=250, y=692, 336×14px */
.hero-wave {
  display: block;
  width: 336px;
  height: 14px;
  margin-bottom: 40px;
}

/* 试用表单 */
.trial-form {
  position: absolute;
  top: 308px;
  left: 1215px;
  width: 452px;
  min-height: 495px;
  height: auto;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 40px 36px;
  z-index: 3;
  box-shadow: none;
}

.trial-form-title {
  font-size: 24px;
  font-weight: 400;
  color: rgba(17, 31, 44, 1);
  margin-bottom: 4px;
  text-align: center;
}

.trial-form-desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(78, 89, 105, 1);
  margin-bottom: 24px;
  text-align: center;
}

.trial-form-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.form-label {
  font-size: 18px;
  font-weight: 400;
  color: rgba(17, 31, 44, 1);
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  flex-shrink: 0;
  width: 78px;
  height: 42px;
  line-height: 42px;
  text-align: left;
  white-space: pre;
}

/* 必填星号红色（标签文字为深色，仅 * 红色） */
.form-required {
  color: #FF0600;
}

/* 设计图“*姓       名”：拆分字符节点，保留七个普通空格对应的视觉间距。 */
.form-name-group {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.form-name-gap {
  display: inline-block;
  width: 31.5px;
  flex: 0 0 31.5px;
}

.form-input {
  width: 250px;
  height: 42px;
  border: 1px solid #C1CED8;
  border-radius: 4px;
  padding: 0 16px;
  font-size: 16px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: rgba(17, 31, 44, 1);
  background: #ffffff;
  outline: none;
  transition: border-color 0.3s;
}

.form-input:focus {
  border-color: #0066ff;
}

.form-input::placeholder {
  color: rgba(193, 206, 216, 1);
}

.form-code-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.form-input-code {
  flex: 1;
}

.btn-code {
  white-space: nowrap;
  padding: 0 16px;
  height: 42px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.3s;
}

.btn-code:hover {
  opacity: 0.9;
}

.form-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(78, 89, 105, 1);
  margin: 4px 0;
}

.form-check input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.btn-submit {
  width: 100%;
  height: 42px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-family: inherit;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 12px;
  transition: opacity 0.3s;
}

.btn-submit:hover {
  opacity: 0.9;
}

/* ===== 咨询类型 自定义多选下拉（模板经 <@DictList> 渲染原生 <select id="consultTypes">，main.js 增强）===== */
.consult-select {
  position: relative;
  width: 250px;
  max-width: 100%;
}

.consult-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  border: 1px solid #C1CED8;
  border-radius: 4px;
  padding: 0 16px;
  font-size: 16px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: rgba(17, 31, 44, 1);
  background: #ffffff;
  outline: none;
  cursor: pointer;
  transition: border-color 0.3s;
  text-align: left;
}

.consult-trigger:focus,
.consult-trigger[aria-expanded="true"] {
  border-color: #0066ff;
}

.consult-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(193, 206, 216, 1);
}

.consult-trigger.has-value .consult-text {
  color: rgba(17, 31, 44, 1);
}

.consult-arrow {
  flex-shrink: 0;
  margin-left: 8px;
  color: rgba(193, 206, 216, 1);
  font-size: 12px;
  transition: transform 0.2s;
}

.consult-trigger[aria-expanded="true"] .consult-arrow {
  transform: rotate(180deg);
}

/* 字段靠近表单底部，向上展开避免被祖先 overflow:hidden 裁切 */
.consult-panel {
  position: absolute;
  left: 0;
  bottom: calc(100% + 4px);
  width: 100%;
  background: #ffffff;
  border: 1px solid #C1CED8;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(17, 31, 44, 0.12);
  padding: 6px 0;
  z-index: 50;
  max-height: 240px;
  overflow-y: auto;
}

.consult-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 16px;
  color: rgba(17, 31, 44, 1);
  cursor: pointer;
  transition: background 0.15s;
}

.consult-option:hover {
  background: #f5f8fa;
}

.consult-option input {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}

/* 快捷入口侧边栏容器（可拖动） */
.hero-sidebar {
  position: fixed;
  top: 200px;
  left: 50px;
  z-index: 10;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.hero-sidebar:active {
  cursor: grabbing;
}

.quick-entry {
  position: relative;
  width: 119px;
  height: 317px;
  background: linear-gradient(180deg, rgba(0, 102, 255, 0.85) 0%, rgba(0, 216, 255, 0.85) 100%);
  border-radius: 8px;
  padding: 24px 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  backdrop-filter: blur(10px);
}

.quick-entry-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  padding: 0;
}

.quick-entry-title {
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 16px;
}

.quick-entry-divider {
  width: 80px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 8px 0;
}

.quick-entry-item {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 0;
  text-align: center;
  transition: opacity 0.3s;
}

.quick-entry-item:hover {
  opacity: 0.8;
}

.quick-entry-phone {
  font-size: 12px;
  color: #ffffff;
  font-family: var(--font-din);
  margin-top: 8px;
}

/* 机器人 */
.hero-robot {
  position: relative;
  width: 88px;
  height: 82px;
  z-index: 3;
  cursor: pointer;
  animation: robotFloat 2s ease-in-out infinite;
}

@keyframes robotFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.hero-robot img {
  max-width: 100%;
  max-height: 100%;
}

/* 机器人下拉面板 */
.robot-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.25s ease, opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
  width: 119px;
}
.robot-dropdown.show {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;
}

.crm-wave {
  display: block;
  width: 336px;
  height: 14px;
  margin-top: 28px;
  object-fit: contain;
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.crm-value-section {
  margin-top: 52px;
}

.crm-patent-value-grid {
  grid-template-columns: repeat(2, 336px);
  column-gap: 22px;
  row-gap: 52px;
  margin-top: 34px;
}

/* ===== 数字化背景 ===== */
/* MasterGo 图层 1（组 212:95683）：1920×1080px，background: url(企业为什么要做数字化背景.png)，filter: opacity(0.5) */
.digitalization {
  position: relative;
  width: 100%;
  padding: 100px 0;
  overflow: hidden;
}

.digitalization .digitalization-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/digitalization-bg.png') center top / 1920px 1080px no-repeat;
  filter: opacity(0.5);
  z-index: 0;
}

.digitalization > * {
  position: relative;
  z-index: 1;
}

.digitalization .watermark {
  top: 98px;
  left: 380px;
}

.digitalization .container {
  padding-top: 60px;
}

/* 卡片网格 */
.cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

.cards-6 .advantage-card {
  width: 453px;
  height: 230px;
  /* MasterGo 矩形 270：border-radius 20px，白到浅青渐变 */
  border-radius: 20px;
  background: linear-gradient(135deg, #FFFFFF 0%, #E2FCFD 100%);
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.cards-4 .advantage-card {
  width: 333px;
}

.advantage-card {
  text-align: left;
  padding: 0;
}

.advantage-card.center-card {
  text-align: center;
}

.card-icon {
  width: 128px;
  height: 116px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-card .card-icon {
  margin: 0 auto 24px;
}

.card-icon img {
  max-width: 100%;
  max-height: 100%;
}

.card-title {
  font-size: 22px;
  font-weight: 500;
  color: #111f2c;
  margin-bottom: 16px;
  line-height: 1.4;
}

.card-desc {
  font-size: 18px;
  color: #4e5969;
  line-height: 1.7;
}

/* ===== CRM ===== */
.crm {
  position: relative;
  width: 100%;
  padding: 120px 0;
  background: #ffffff;
  overflow: hidden;
}

.crm .container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.crm-left {
  flex: 1;
  max-width: 700px;
}

.crm-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.crm-mockup {
  width: 667px;
  height: 528px;
  margin-top: 60px;
}

.crm-mockup img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 功能标签 */
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 46px;
  box-sizing: border-box;
  padding: 0 10px;
  line-height: 26px;
  text-align: center;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #111f2c;
  border: 1px solid transparent;
  border-radius: 5px;
  border-image: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%) 1;
  white-space: nowrap;
  overflow: hidden;
}

.tag-wide {
  width: 146px;
}

/* 价值数字 */
.value-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.value-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.value-number {
  font-size: 48px;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 500;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: 0;
  display: block;
  overflow: visible;
}

.value-unit {
  font-size: 28px;
}

.value-label {
  font-size: 18px;
  font-family: "HarmonyOS Sans SC", "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
  color: #111f2c;
}

.btn-trial {
  margin-top: 50px;
  /* MasterGo 容器 215 / 217 / 220：border-radius 254px。 */
  border-radius: 254px;
}

/* ===== 专利 ===== */
.patent {
  position: relative;
  width: 100%;
  padding: 120px 0;
  overflow: hidden;
}

.patent .container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.patent-left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.patent-right {
  flex: 1;
  max-width: 700px;
}

.patent-mockup {
  width: 667px;
  height: 528px;
  margin-top: 60px;
}

.patent-mockup img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.patent-section-block {
  position: relative;
}

.patent-intro-rule,
.patent-section-rule {
  position: relative;
  width: 1004px;
  height: 1px;
  background: rgba(17, 31, 44, 0.12);
  z-index: 0;
  pointer-events: none;
}

.patent-intro-rule {
  margin-top: 18px;
}

.patent-section-head {
  position: relative;
}

.patent-section-head .subsection-title {
  margin-bottom: 0;
}

.patent-section-en {
  display: block;
  margin-left: 0;
  margin-top: 3px;
}

.patent-section-accent {
  width: 36px;
  height: 10px;
  margin-top: 8px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.patent-section-rule {
  margin-top: 28px;
}

.patent-tag-list {
  width: 640px;
  gap: 12px;
  margin-top: 20px;
}

.patent-tag {
  width: auto;
  padding: 0 10px;
}

.patent-tag-wide {
  width: 182px;
}

.patent-tag-xl {
  width: 200px;
}

.patent-value-section {
  margin-top: 52px;
}

.patent-value-grid {
  display: grid;
  grid-template-columns: repeat(2, 268px);
  column-gap: 90px;
  row-gap: 26px;
  margin-top: 24px;
}

.patent-value-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.patent-value-item-lined {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  row-gap: 0;
  width: 336px;
}

.patent-value-line {
  grid-column: 1 / -1;
  width: 336px;
  height: 11px;
  display: block;
  margin-top: 10px;
  justify-self: start;
  background: url('../images/patent-value-line.png') left center / 336px 11px no-repeat;
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.patent-value-label {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #111f2c;
  white-space: nowrap;
}

.patent-value-number {
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
}

/* 功能列表（旧结构兼容，首页专利用 tag 样式） */
.feature-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.feature-item {
  font-size: 18px;
  color: #4e5969;
  display: flex;
  align-items: center;
  gap: 12px;
}

.feature-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  flex-shrink: 0;
}

/* ===== 人事 ===== */
.hr {
  position: relative;
  width: 100%;
  padding: 120px 0;
  background: #ffffff;
  overflow: hidden;
}

.hr .container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.hr-left {
  flex: 1;
  max-width: 600px;
}

.hr-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

/* 人事对比流程图 */
.hr-section-block {
  position: relative;
}

.hr-intro-rule,
.hr-section-rule {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(17, 31, 44, 0.12);
  z-index: 0;
  pointer-events: none;
}

.hr-intro-rule {
  margin-top: 18px;
}

.hr-section-head {
  position: relative;
}

.hr-section-head .subsection-title {
  margin-bottom: 0;
}

.hr-section-en {
  display: block;
  margin-left: 0;
  margin-top: 3px;
}

.hr-section-accent {
  width: 36px;
  height: 10px;
  margin-top: 8px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.hr-section-rule {
  margin-top: 28px;
}

.hr-comparison-diagram {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hr-flow-track {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

.hr-flow-track-smart {
  align-items: center;
}

.hr-flow-label {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  flex-shrink: 0;
  border-radius: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
  color: #ffffff;
  padding: 10px 0;
}

.hr-flow-label-traditional {
  background: #4e5969;
  min-height: 124px;
}

.hr-flow-label-smart {
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  min-height: 176px;
}

.hr-flow-lane {
  position: relative;
  flex: 1;
  min-width: 0;
}

.hr-flow-strip {
  width: 100%;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
}

.hr-flow-strip-traditional {
  border: 1px dashed #4E5969;
  min-height: 88px;
}

.hr-flow-strip-smart {
  border: 1px dashed rgba(0, 102, 255, 0.35);
  min-height: 88px;
}

.hr-flow-steps {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  transform: translate(-50%, -50%);
  gap: 12px 10px;
  padding: 0;
}

.hr-flow-step {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 25px;
  border-radius: 72px;
  border: 1px solid #D8DADC;
  background: #ffffff;
  color: #111f2c;
  font-size: 18px;
  font-weight: 500;
  line-height: 42px;
  white-space: nowrap;
  box-sizing: border-box;
}

.hr-flow-step-wide {
  min-width: 122px;
}

.hr-flow-step-narrow {
  min-width: 86px;
}

.hr-flow-step-smart {
  border-color: rgba(0, 102, 255, 0.2);
  color: #0066ff;
}

.hr-flow-connector {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 9px;
  flex: 0 0 28px;
}

.hr-flow-connector::before,
.hr-flow-connector::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hr-flow-connector::before {
  left: 0;
  width: 20px;
  height: 1px;
  background: currentColor;
}

.hr-flow-connector::after {
  right: 0;
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 8px solid currentColor;
}

.hr-flow-connector-traditional {
  color: #4e5969;
}

.hr-flow-connector-smart {
  width: 68px;
  flex-basis: 68px;
  color: #0066ff;
}

.hr-flow-connector-smart::before {
  width: 60px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
}

.hr-flow-connector-smart::after {
  border-left-color: #00d8ff;
}

.hr-flow-outcomes {
  position: relative;
  display: flex;
  gap: 32px;
  margin-left: 176px;
}

.hr-flow-accent {
  position: absolute;
  width: 34px;
  height: 40px;
  display: block;
  object-fit: contain;
  pointer-events: none;
}

.hr-flow-accent-left {
  left: 60px;
  top: -51px;
}

.hr-flow-accent-right {
  left: 372px;
  top: -51px;
}

.hr-flow-accent-smart-left {
  left: 113px;
  top: -43px;
  z-index: 0;
}

.hr-flow-accent-smart-right {
  left: 420px;
  top: -51px;
  z-index: 0;
  transform: scaleX(-1);
  transform-origin: center;
}

.hr-flow-card {
  width: 152px;
  min-height: 84px;
  border-radius: 24px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.hr-flow-card-accuracy {
  width: 140px;
}

.hr-flow-card-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

/* 人事核心能力 + 关联系统集成 */
.hr-feature-list {
  margin-top: 6px;
}

.hr-value-block {
  margin-top: 28px;
}

.hr-value-desc {
  margin-top: 12px;
  font-size: 18px;
  line-height: 32px;
  color: #4e5969;
}

.hr-value-grid {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.hr-value-card {
  flex: 1;
  min-width: 0;
  border-radius: 16px;
  padding: 24px;
  background: linear-gradient(135deg, #f6f5ff 0%, #e2fcfd 100%);
}

.hr-value-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  color: #111f2c;
}

.hr-value-text {
  margin-top: 8px;
  font-size: 18px;
  line-height: 26px;
  color: rgba(78, 89, 105, 0.7);
}

.hr-integration {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}

.hr-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.btn-manual {
  min-width: 195px;
}

.hr-integ-card {
  flex: 1;
  min-width: 0;
  border-radius: 16px;
  padding: 18px 20px;
  background: linear-gradient(135deg, #0066ff 0%, #00d8ff 100%);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 102, 255, 0.18);
}

.hr-integ-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.hr-integ-desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 4px;
  opacity: 0.92;
}

/* 对比区域 */
.comparison {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: 20px;
}

.comparison-side {
  flex: 1;
  padding: 32px 28px;
  border-radius: 8px;
}

.comparison-traditional {
  background: #ffffff;
  border: 1px solid #e5e6eb;
}

.comparison-smart {
  background: linear-gradient(135deg, #0066ff 0%, #00d8ff 100%);
}

.comparison-title {
  font-size: 22px;
  font-weight: bold;
  color: #111f2c;
  margin-bottom: 4px;
}

.comparison-smart .comparison-title {
  color: #ffffff;
}

.comparison-en {
  font-size: 14px;
  color: #86909c;
  margin-bottom: 20px;
}

.comparison-smart .comparison-en {
  color: rgba(255, 255, 255, 0.7);
}

.comparison-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.comparison-list li {
  font-size: 18px;
  color: #4e5969;
  padding-left: 20px;
  position: relative;
}

.comparison-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #86909c;
}

.comparison-smart .comparison-list li {
  color: rgba(255, 255, 255, 0.9);
}

.comparison-smart .comparison-list li::before {
  color: rgba(255, 255, 255, 0.7);
}

.comparison-vs {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #0066ff;
  padding: 0 16px;
}

/* ===== 定制开发 ===== */
.custom {
  position: relative;
  width: 100%;
  padding: 120px 0;
  overflow: hidden;
}

.custom .product-title {
  margin-bottom: 16px;
}

.custom-right {
  position: relative;
  z-index: 1;
}

.custom-section-block {
  position: relative;
}

.custom-advantages-head {
  position: relative;
}

.custom-advantages-head .subsection-title {
  margin-bottom: 0;
}

.custom-advantages-rule {
  position: relative;
  width: 695.5px;
  height: 1px;
  margin-bottom: 23px;
  background: rgba(17, 31, 44, 0.12);
  z-index: 0;
  pointer-events: none;
}

.custom-advantages-en {
  display: block;
  margin-left: 0;
  margin-top: 3px;
}

.custom-advantages-accent {
  width: 36px;
  height: 10px;
  margin-top: 0;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  position: relative;
  z-index: 0;
  pointer-events: none;
}

.custom-tag-list {
  flex-wrap: nowrap;
  margin-top: 20px;
}

/* ===== 面向不同行业 ===== */
.industries {
  position: relative;
  width: 100%;
  padding: 100px 0;
  background: #ffffff;
  overflow: hidden;
}

.industries .watermark {
  top: 50px;
  left: 380px;
}

.industries .container {
  padding-top: 60px;
}

.industry-card {
  width: 436px;
  height: 283px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s, box-shadow 0.3s;
}

.industry-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 102, 255, 0.15);
}

.industry-img {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.industry-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(17, 31, 44, 0.85) 0%, transparent 100%);
}

.industry-name {
  position: absolute;
  top: 123.08px;
  left: 50%;
  width: max-content;
  height: 44px;
  transform: translateX(-50%);
  margin: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 43.06px;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 2;
}

/* ===== 合作伙伴 ===== */
.partners {
  width: 100%;
  height: 472px;
  background: rgba(0,102,255,0.8) url('../images/partners-bg.png') center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* PARTNER 背景装饰由 partners-bg.png 背景图提供，不再用 CSS 文字叠加 */

.partners-content {
  width: 1420px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.partners .section-title {
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.04em;
  margin-bottom: 60px;
}

.stats-grid {
  display: flex;
  justify-content: space-around;
  gap: 40px;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.stat-number {
  font-size: 48px;
  font-family: "DIN Black", "Inter", "DIN Alternate", "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0;
  display: block;
  overflow: visible;
  white-space: nowrap;
}

.stat-label {
  font-size: 20px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  letter-spacing: 0.04em;
}

/* ===== 合作企业 Logo 墙：MasterGo 5×4 网格，卡片 238×90px ===== */
.partner-companies {
  width: 100%;
  padding: 85px 0;
  background: #ffffff;
  overflow: hidden;
}

.partner-logo-grid {
  width: 1417px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 238px);
  grid-auto-rows: 90px;
  column-gap: 57px;
  row-gap: 24px;
}

.partner-logo {
  width: 238px;
  height: 90px;
  box-sizing: border-box;
  border: 1.8px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
}

.partner-logo img {
  width: 196px;
  height: 74px;
  object-fit: contain;
  display: block;
}


/* ===== 新闻预览 ===== */
.news {
  position: relative;
  width: 100%;
  padding: 100px 0 120px;
  overflow: hidden;
}

.news .watermark {
  top: 680px;
  left: 380px;
}

.news .container {
  padding-top: 60px;
}

.news-card {
  width: 336px;
  height: 512px;
  background: #ffffff;
  /* MasterGo 新闻卡片组 195 至 198：外壳未设置圆角。 */
  border-radius: 0;
  box-shadow: none;
  /* 文本图层相对卡片 x=28.40，严格按设计内边距取整。 */
  padding: 28px;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s, box-shadow 0.3s;
}

.news-card:first-child {
  border: 1px solid rgba(54,100,255,1);
}

.news-card:not(:first-child) {
  border: 1px solid rgba(192,205,228,1);
}

.news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 102, 255, 0.15);
}

.news-date {
  margin-bottom: 16px;
}

.news-day {
  font-size: 48px;
  font-weight: 500;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #0066ff;
  line-height: 1;
  display: block;
}

.news-card:first-child .news-day { color: rgba(54,100,255,1); }
.news-card:not(:first-child) .news-day { color: rgba(73,87,112,1); }

.news-month {
  font-size: 16px;
  color: #86909c;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  display: block;
  margin-top: 4px;
}

.news-card:first-child .news-month { color: rgba(22,93,255,1); }
.news-card:not(:first-child) .news-month { color: rgba(73,87,112,1); }

.news-title {
  font-size: 18px;
  font-weight: 400;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #111f2c;
  line-height: 1.6;
  margin-bottom: 16px;
  flex: 1;
}

.news-card:first-child .news-title { color: rgba(22,93,255,1); }

.news-link {
  font-size: 14px;
  font-weight: 400;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #0066ff;
  text-decoration: none;
  transition: opacity 0.3s;
}

.news-card:first-child .news-link { color: rgba(22,93,255,1); }
.news-card:not(:first-child) .news-link { color: rgba(73,87,112,1); }

.news-img {
  width: 302px;
  height: 176px;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 16px;
}

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

.news-link:hover {
  opacity: 0.7;
}

/* ===== 联系我们 ===== */
.contact {
  width: 100%;
  height: 342px;
  background: #ffffff;
  display: block;
  overflow: visible;
}

.contact-content {
  width: 1420px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 80px;
  text-align: left;
}

.contact-text {
  font-size: 24px;
  font-weight: 500;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #4e5969;
  line-height: 42px;
  letter-spacing: 0;
  margin: 0;
}

.btn-contact {
  /* MasterGo 容器 221：159×46，251px 圆角，10px 27px 内边距。 */
  min-width: 159px;
  height: 46px;
  padding: 10px 27px;
  border-radius: 251px;
  margin-top: 24px;
}

/* ===== 页脚 ===== */
.footer {
  width: 100%;
  background: rgba(14,20,33,1);
  padding: 60px 0 30px;
  overflow: hidden;
}

.footer-top {
  display: flex;
  gap: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-brand {
  width: 280px;
  flex-shrink: 0;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-logo img {
  max-width: 200px;
  max-height: 60px;
}

.footer-phone {
  font-size: 24px;
  line-height: 32px;
  color: #0066ff;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
}

.footer-cols {
  flex: 1;
  display: flex;
  gap: 60px;
}

.footer-col {
  flex: 1;
}

.footer-col-title {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
}

.footer-col ul {
  list-style: none;
}

.footer-col ul li {
  margin-bottom: 12px;
}

.footer-col ul li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.3s;
}

.footer-col ul li a:hover {
  color: #0066ff;
}

.footer-qrcodes {
  display: flex;
  gap: 20px;
}

/* 页脚联系信息行（设计稿：电话/地址，2026-08-06） */
.footer-contact-lines {
  margin-bottom: 16px;
}
.footer-contact-lines p {
  font-size: 18px;
  line-height: 33px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.footer-qrcode {
  text-align: center;
}

.qrcode-img {
  width: 100px;
  height: 100px;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qrcode-img img {
  max-width: 90px;
  max-height: 90px;
}

.footer-qrcode p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.footer-bottom {
  padding-top: 20px;
}

.footer-copyright {
  font-size: 14px;
  color: rgba(158,158,158,1);
  text-align: center;
}

/* ==================== 响应式 ==================== */
/* ===== MasterJSON（1首页新，1920px 画板）桌面像素基线 ===== */
@media (min-width: 1025px) {
  .container, .partners-content { width: 1420px; max-width: none; }

  .trial-form {
    top: 140px;
    left: calc(50% + 255px);
    /* 首页json.txt：组 813，x=1215、y=308、452×495px（banner 缩矮后表单整体上移避免被 overflow:hidden 裁切） */
    width: 452px;
    /* 动态高度：基础设计 495px，但校验错误会插入 field-error，必须允许白卡向下增长，否则提交按钮被挤出框外 */
    min-height: 495px;
    height: auto;
    padding: 0;
    border-radius: 15px;
    box-shadow: none;
  }
  .trial-form-title {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    height: 42px;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
  }
  .trial-form-desc {
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    height: 42px;
    margin: 0;
    font-size: 14px;
    line-height: 42px;
  }
  .trial-form-body {
    /* 改为流式：让白卡随校验错误自然增高（原 absolute 不撑开父容器，导致按钮溢出） */
    position: static;
    margin: 115px 32px 28px 54px; /* top 115 留给绝对定位的标题/描述；左右 54/32 还原原 left:54+width:366 的版式；bottom 28 给提交按钮下方留白 */
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .form-field {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0;
  }
  .form-label {
    width: 100px;
    height: 42px;
    flex: 0 0 100px;
    padding-left: 0;
    font-size: 18px;
    line-height: 42px;
  }
  .form-input {
    width: 250px;
    height: 42px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 42px;
  }
  .form-code-row {
    width: 250px;
    height: 42px;
    display: flex;
    gap: 13px;
  }
  .form-input-code { width: 125px; flex: 0 0 125px; }
  .btn-code { width: 112px; height: 42px; padding: 0; font-size: 16px; }
  .form-check {
    width: 280px;
    height: 42px;
    margin: -3px 0 10px 31px;
    gap: 4px;
    white-space: nowrap;
  }
  .form-check input { width: 20px; height: 20px; }
  .btn-submit {
    width: 100%;
    height: 42px;
    margin: 0;
    font-size: 16px;
  }

  .hero-sidebar {
    position: absolute;
    top: 570px;
    left: 250px;
  }
  .hero-robot { margin-left: 14px; }
  .robot-dropdown { top: 65px; left: 0; }

  .digitalization { height: 1080px; padding: 0; }
  .digitalization .watermark { top: 98px; left: calc(50% - 580.5px); }
  .digitalization .container {
    position: absolute;
    left: calc(50% - 710px);
    top: 0;
    width: 1420px;
    height: 100%;
    padding: 0;
  }
  .digitalization .section-title { height: 64px; line-height: 64px; margin: 0; }
  .digitalization .cards-grid {
    position: absolute;
    left: 0;
    top: 340px;
    width: 1420px;
    display: grid;
    grid-template-columns: 453px 453px 452px;
    grid-template-rows: 230px 230px;
    column-gap: 30px;
    row-gap: 118px;
    justify-content: start;
  }
  .digitalization .cards-6 .advantage-card {
    width: 100%;
    height: 230px;
    position: relative;
    background: #FFFFFF;
  }
  .digitalization .card-icon {
    width: 128px;
    height: 116px;
    margin: -101px auto 37.6px;
  }
  .digitalization .advantage-card:nth-child(n + 4) .card-icon {
    margin-top: -83px;
    margin-bottom: 19.6px;
  }
  .digitalization .card-title { line-height: 30px; margin-bottom: 10px; }
  .digitalization .card-desc { line-height: 26px; color: rgba(78,89,105,.7); }

  .crm, .patent, .hr { height: 1080px; padding: 0; }
  /* 人事左列内容最高，固定 1080px 会让底部“免费试用”按钮被 overflow:hidden 裁掉，改用 min-height 让其自然撑开 */
  .hr { height: auto; min-height: 1080px; }
  .custom { padding: 0; }
  .crm { background: #fff; }
  .patent { background: #fff; }
  .hr { background: #fff; }
  .custom { background: #fff; }

  .crm .container { height: 100%; gap: 0; padding-top: 224px; }
  .crm-left { width: 750px; max-width: 750px; flex: 0 0 750px; }
  /* 首页json.txt：组 1221，CRM样机 x=1000、y=2466、667×528px。 */
  .crm-right { width: 667px; flex: 0 0 667px; justify-content: flex-start; }
  .crm-mockup { margin-top: 82px; }

  .patent .container { height: 100%; gap: 0; padding-top: 152px; }
  .patent-right { order: 1; width: 750px; max-width: 750px; flex: 0 0 750px; }
  /* 首页json.txt：专利样机 x=1000、y=3482、667×529px。 */
  .patent-left { order: 2; width: 667px; flex: 0 0 667px; justify-content: flex-start; }
  .patent-mockup { margin-top: 90px; height: 529px; }
  .patent-tag-list { width: 588px; gap: 18px 12px; margin-top: 20px; }
  .patent-tag-wide { width: 182px; }
  .patent-tag-xl { width: 200px; }
  .patent-intro-rule { width: 1004px; margin-top: 18px; }
  .patent-section-accent { margin-top: 8px; }
  .patent-section-rule { width: 1004px; margin-top: 28px; }
  .patent-value-section { margin-top: 24px; }
  .patent-value-grid { grid-template-columns: repeat(2, 336px); column-gap: 22px; row-gap: 52px; margin-top: 34px; }
  .patent-value-item-lined { width: 336px; }
  .patent-value-line { width: 336px; margin-top: 10px; }

  .hr .container { height: 100%; gap: 0; padding-top: 137px; }
  .hr-left { width: 750px; max-width: 750px; flex: 0 0 750px; }
  .hr-actions { margin-top: 24px; }
  /* 首页json.txt：人事样机 x=1000、y=4595、667×528px。 */
  .hr-right { width: 667px; flex: 0 0 667px; justify-content: flex-start; }
  .hr-mockup { width: 667px; height: 528px; margin-top: 138px; }
  .hr-mockup img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .hr-tag-list { width: 635px; gap: 14px; margin-top: 20px; flex-wrap: nowrap; }
  .hr-tag { width: auto; padding: 0 10px; font-size: 18px; line-height: 44px; color: #111f2c; white-space: nowrap; }
  .hr-intro-rule { width: 1004px; margin-top: 18px; }
  .hr-section-accent { margin-top: 8px; }
  .hr-section-rule { width: 1004px; margin-top: 28px; }
  .hr-comparison-heading { margin-top: 24px; }
  .hr-comparison-diagram {
    position: relative;
    margin-top: 24px;
    gap: 26px;
  }
  .hr-flow-track { gap: 23px; }
  .hr-flow-lane { width: 630px; flex: 0 0 630px; }
  .hr-flow-strip { width: 630px; min-height: 88px; }
  .hr-flow-track-traditional .hr-flow-steps {
    top: 23px;
    right: 0;
    bottom: auto;
    left: 0;
    height: 42px;
    transform: none;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
  .hr-flow-track-smart .hr-flow-steps {
    top: 23px;
    right: 0;
    bottom: auto;
    left: 0;
    height: 42px;
    transform: none;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  .hr-flow-track-smart .hr-flow-label-smart {
    min-height: 176px;
  }
  .hr-flow-track-smart .hr-flow-accent-smart-left {
    left: 113px;
    top: -43px;
  }
  .hr-flow-track-smart .hr-flow-accent-smart-right {
    left: 420px;
    top: -51px;
  }
  .hr-flow-track-traditional .hr-flow-step-wide { width: 122px; min-width: 122px; height: 42px; }
  .hr-flow-track-traditional .hr-flow-step-narrow { width: 86px; min-width: 86px; }
  .hr-flow-track-smart .hr-flow-step-wide { width: 122px; min-width: 122px; }
  .hr-flow-track-traditional .hr-flow-step:nth-child(1) { margin-left: 0; }
  .hr-flow-track-traditional .hr-flow-step:nth-child(3) { margin-left: 0; }
  .hr-flow-track-traditional .hr-flow-step:nth-child(5) { margin-left: 0; }
  .hr-flow-track-traditional .hr-flow-step:nth-child(7) { margin-left: 0; }
  .hr-flow-track-traditional .hr-flow-step:nth-child(9) { margin-left: 0; }
  .hr-flow-track-smart .hr-flow-step:nth-child(1) { margin-left: 0; }
  .hr-flow-track-smart .hr-flow-step:nth-child(3) { margin-left: 0; }
  .hr-flow-track-smart .hr-flow-step:nth-child(5) { margin-left: 0; }
  .hr-flow-connector-traditional {
    width: 24px;
    flex-basis: 24px;
    margin: 0;
  }
  .hr-flow-connector-smart { margin: 0; }
  .hr-flow-outcomes {
    gap: 161px;
    margin: -7px 0 -7px 115px;
  }
  .hr-flow-accent-left {
    left: 59px;
    top: -51px;
  }
  .hr-flow-accent-right {
    left: 371px;
    top: -51px;
  }
  .hr-flow-card-time { width: 152px; }
  .hr-flow-card-accuracy { width: 140px; }
  .hr-flow-card-text { letter-spacing: 0; }
  .hr-integration { gap: 12px; }
  .hr-integ-card { padding: 14px 16px; }
  .hr-integ-title { font-size: 18px; line-height: 24px; }
  .hr-integ-desc { font-size: 13px; }

  .custom .container { height: 100%; display: flex; gap: 0; padding-top: 205px; }
  .custom-left { width: 751px; flex: 0 0 751px; }
  .custom-right { width: 669px; flex: 0 0 669px; }
  .custom-mockup { width: 667px; height: 528px; margin-top: 5px; }
  .custom-mockup img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .custom-advantages-rule { width: 695.5px; margin-bottom: 23px; }
  .custom-advantages-en { margin-top: 3px; }
  .custom-advantages-accent { margin-top: 0; }
  .custom-tag-list { width: 695px; gap: 12px; margin-top: 20px; }
  .custom-tag { width: auto; padding: 0 10px; font-size: 18px; line-height: 44px; color: #111f2c; }

  .industries { height: 1078px; padding: 0; }
  .industries .watermark { top: 98px; left: calc(50% - 507.5px); }
  .industries .container { height: 100%; padding-top: 164px; }
  .industries .section-title {
    width: 240px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto 94px;
  }
  .industries .cards-grid { justify-content: flex-start; gap: 43px 47px; }
  .industry-card { width: 436px; height: 283px; }

  .partners-content { height: 100%; padding-top: 157px; }
  .partners .section-title { height: 68px; line-height: 68px; margin: 0 0 66px; font-size: 40px; font-weight: 700; }
  .partners .stats-grid { position: absolute; left: 0; top: 291px; width: 1420px; height: 88px; display: block; }
  .partners .stat-item { position: absolute; top: 0; margin: 0; }
  .partners .stat-item:nth-child(1) { left: 24px; }
  .partners .stat-item:nth-child(2) { left: 495px; }
  .partners .stat-item:nth-child(3) { left: 866px; }
  .partners .stat-item:nth-child(4) { left: 1254px; }
  .partners .stat-number { font-size: 48px; line-height: 28px; }
  .partners .stat-label { font-size: 20px; line-height: 28px; margin-top: 32px; }

  .news { height: 1087px; min-height: 1087px; padding: 0; }
  .news .container { padding-top: 174px; }
  .news .section-title {
    width: 160px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto 39px;
  }
  .news .cards-grid { justify-content: center; gap: 0 24px; }
  .news-card { width: 336px; height: 512px; }

  /* 首页json.txt：组 279 / 组 756 / 组 757 / 组 524 */
  .contact {
    height: 404px;
    margin: 0;
    background-position: center top;
  }
  .contact-content {
    width: 1420px;
    padding-top: 121px;
  }
  .contact-text {
    font-size: 24px;
    line-height: 42px;
  }
  .btn-contact {
    margin-top: 24px;
  }
  .contact-service {
    width: 406px;
    height: 542px;
    left: auto;
    right: max(24px, calc((100% - 1420px) / 2 + 13px));
    top: -137px;
  }

  /* 首页json.txt：页脚组 524，y=10120，高498px。 */
  .footer {
    height: 498px;
    margin-top: -3px;
    padding: 0;
  }
  .footer > .container {
    position: relative;
    width: 1420px;
    height: 100%;
    padding: 0;
  }
  .footer-top {
    position: static;
    height: 100%;
    padding: 0;
    border-bottom: 0;
  }
  .footer-brand {
    position: absolute;
    left: 0;
    top: 27px;
    width: 195px;
  }
  .footer-logo {
    width: 195px;
    height: 63px;
    margin: 0;
  }
  .footer-logo img {
    width: 195px;
    height: 63px;
    max-width: none;
    max-height: none;
  }
  .footer-phone {
    position: absolute;
    left: 1243px;
    top: 1px;
    width: 174px;
    height: 44px;
    font-size: 24px;
    line-height: 44px;
    white-space: nowrap;
  }
  .footer-cols {
    position: static;
    display: block;
  }
  .footer-col {
    position: absolute;
    top: 137px;
    width: auto;
    flex: none;
  }
  .footer-col:nth-child(1) { left: 0; width: 120px; }
  .footer-col:nth-child(2) { left: 343px; width: 80px; }
  .footer-col:nth-child(3) { left: 724px; width: 126px; }
  .footer-col:nth-child(4) { left: 1069px; width: 348px; }
  .footer-col-title {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 19px;
  }
  .footer-col ul li { margin-bottom: 12px; }
  .footer-col ul li a { font-size: 14px; line-height: 21px; }
  .footer-qrcodes { gap: 24px; }
  .qrcode-img { width: 95px; height: 95px; margin-bottom: 8px; }
  .qrcode-img img { width: 95px; height: 95px; max-width: none; max-height: none; }
  .footer-qrcode p { font-size: 12px; line-height: 17px; }
  .footer-bottom {
    position: absolute;
    left: 0;
    top: 419px;
    width: 100%;
    padding: 0;
  }
  .footer-copyright { font-size: 14px; line-height: 19px; }
  }

@media (min-width: 1025px) {
  /* 首页json.txt：联系我们背景组 756 的画布坐标从整页转换为 section 相对坐标。 */
  .contact-content { position: relative; }
}

/* ==================== 响应式 ==================== */
@media (max-width: 1024px) {
  .container { width: 100%; padding: 0 24px; }
  .nav-container { max-width: none; padding: 0 24px; display: flex; }
  .nav-logo { width: 180px; height: 59px; }
  .nav-menu { gap: 8px; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
  .nav-item, .nav-item-link { font-size: 18px; padding: 20px 12px; }
  .nav-contact { margin-left: 16px; }
  .hero { height: auto; padding: 140px 0 80px; }
  .hero-content { position: relative; top: auto; left: auto; width: 100%; max-width: none; padding: 0 24px; text-align: center; }
  .hero-title { font-size: 32px !important; }
  .hero-subtitle { font-size: 16px !important; }
  .hero-subtitle { max-width: 100%; }
  .hero-cta { justify-content: center; flex-wrap: wrap; }
  .trial-form { position: relative; top: auto; left: auto; right: auto; margin: 40px auto 0; width: calc(100% - 48px); max-width: 452px; }
  .trial-form-body { width: 380px; max-width: 100%; }
  .form-field { width: 380px; max-width: 100%; gap: 10px; }
  .form-label { width: 118px; }
  .form-input { width: 250px; }
  .form-code-row { width: 250px; }
  .form-input-code { width: 125px; min-width: 0; }
  .btn-code { width: 112px; padding: 0; }
  .btn-submit { width: 100%; max-width: 100%; }
  .hero-sidebar { display: none; }
  .quick-entry { display: none; }
  .crm .container, .patent .container, .hr .container, .custom .container { flex-direction: column; gap: 30px; }
  .custom .container { display: flex; }
  .custom-left, .custom-right { width: 100%; flex: none; }
  .custom-mockup, .hr-mockup { width: 100%; max-width: 667px; height: auto; aspect-ratio: 667 / 528; margin: 32px auto 0; }
  .custom-mockup img, .hr-mockup img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .cards-grid { gap: 24px; }
  .cards-6 .advantage-card { width: calc(50% - 12px); }
  .cards-4 .news-card { width: calc(50% - 12px); }
  .industry-card { width: calc(50% - 12px); }
  .value-grid { grid-template-columns: repeat(2, 1fr); }
  .section-title { font-size: 32px !important; }
  .product-title { font-size: 28px !important; }
  .comparison { flex-direction: column; }
  .comparison-side { width: 100%; }
  .hr-comparison-diagram { margin-top: 24px; }
  .hr-flow-label { width: 36px; font-size: 16px; padding: 14px 0; }
  .hr-flow-pill { height: 36px; padding: 0 14px; font-size: 14px; }
  .hr-flow-card-line2 { font-size: 18px; }
  .hr-flow-outcomes { margin-left: 52px; }
  .contact-content { padding: 60px 24px; }
  .footer-top { flex-direction: column; gap: 32px; }
  .footer-cols { flex-wrap: wrap; gap: 30px; }
  .stats-grid { gap: 20px; }
  .watermark { font-size: 60px !important; }
  .about-banner, .join-banner, .news-banner { height: auto !important; min-height: 320px !important; padding: 80px 20px !important; }
  .about-banner h1 { font-size: 32px !important; }
}

@media (max-width: 768px) {
  .container { width: 100%; padding: 0 16px; }
  .nav-container { padding: 0 16px; display: flex; justify-content: space-between; }
  .nav-logo { width: 150px; height: 49px; margin-right: 0; }
  .nav-menu {
    position: fixed; top: 100px; left: 0; width: 100%; background: #fff;
    flex-direction: column; padding: 16px 0; gap: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-120%); transition: transform 0.3s;
    z-index: 1000;
    margin-left: 0;
  }
  .nav-menu.open { transform: translateY(0); }
  .nav-item { padding: 12px 20px; border-bottom: 1px solid #eee; }
  .nav-item.has-dropdown { display: block; width: 100%; padding: 0; }
  .nav-item-link { display: block; font-size: 18px; padding: 12px 20px; border-bottom: 1px solid #eee; }
  .nav-item.active::after { display: none; }
  .nav-contact { display: none; }
  .nav-toggle { display: flex !important; }
  .hero { padding: 128px 0 64px; }
  .hero-content { padding: 0 16px; text-align: center; }
  .hero-title { font-size: 24px !important; }
  .hero-subtitle { font-size: 14px !important; }
  .hero-cta { flex-direction: column; gap: 12px; }
  .btn-gradient, .btn-white { width: 100%; max-width: 320px; }
  .trial-form { width: calc(100% - 32px); padding: 28px 20px; height: auto; max-width: 100%; }
  .trial-form-body { width: 100%; }
  .form-field { width: 100%; flex-direction: column; align-items: stretch; gap: 6px; }
  .form-label { width: 100%; height: auto; line-height: 1.4; }
  .form-input, .form-code-row { width: 100%; }
  .form-input-code { width: auto; }
  .btn-code { width: auto; }
  .watermark { display: none; }
  .section-title { font-size: 24px !important; text-align: center; }
  .product-title { font-size: 22px !important; }
  .cards-grid { flex-direction: column; }
  .cards-6 .advantage-card, .cards-4 .news-card, .industry-card { width: 100%; }
  .value-grid { grid-template-columns: 1fr 1fr; }
  .value-number { font-size: 36px !important; }
  .tag-list { flex-wrap: wrap; }
  .tag { width: auto; min-width: 92px; font-size: 13px; padding: 0 14px; }
  .subsection-title { font-size: 18px !important; }
  .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr) !important; gap: 24px; }
  .stat-number { font-size: 36px !important; }
  .news-card { max-width: 100%; width: 100%; padding: 24px 20px; }
  .news-img { width: 100%; height: auto; aspect-ratio: 302 / 176; }
  .footer-top, .footer-cols { flex-direction: column; }
  .footer-qrcodes { flex-wrap: wrap; }
  .footer-copyright { font-size: 12px !important; }
  .contact { height: auto; min-height: 360px; background-position: 58% center; }
  .contact-content { text-align: center; padding: 60px 16px 190px; }
  .contact-service { width: 210px; height: auto; left: auto; right: 6px; top: auto; bottom: -35px; }
  .contact-content p { font-size: 20px !important; }
  .about-banner, .join-banner, .news-banner { height: auto !important; min-height: 280px !important; padding: 60px 16px !important; }
  .about-banner h1 { font-size: 26px !important; }
  .about-banner p { font-size: 14px !important; }
  .comparison-side { width: 100%; }
  .hr-comparison-diagram { margin-top: 20px; gap: 12px; }
  .hr-flow-row { gap: 10px; }
  .hr-flow-label { width: 28px; font-size: 13px; padding: 10px 0; letter-spacing: 1px; }
  .hr-flow-box { padding: 12px; min-height: auto; }
  .hr-flow-pill { height: 32px; padding: 0 10px; font-size: 12px; }
  .hr-flow-arrow { font-size: 14px; }
  .hr-flow-outcomes { margin-left: 38px; gap: 10px; flex-direction: column; }
  .hr-flow-card { padding: 12px; }
  .hr-flow-card-line1 { font-size: 12px; }
  .hr-flow-card-line2 { font-size: 16px; line-height: 22px; }
  .hr-integration { flex-direction: column; gap: 12px; }
  .hr-integ-title { font-size: 16px; line-height: 22px; }
  .hr-integ-desc { font-size: 13px; }
}

@media (max-width: 375px) {
  .hero-title { font-size: 22px !important; line-height: 1.5; }
  .hero-subtitle { font-size: 13px !important; }
  .value-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .btn-code { padding: 0 12px; font-size: 13px; }
  .about-banner, .join-banner, .news-banner { min-height: 240px !important; padding: 48px 12px !important; }
  .about-banner h1 { font-size: 22px !important; }
  .about-banner p { font-size: 13px !important; }
}

.nav-toggle {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 6px;
}
.nav-toggle span {
  width: 24px; height: 2px; background: #111f2c;
  border-radius: 2px; transition: all 0.3s;
}

/* 导航下拉菜单 */
.nav-item.has-dropdown {
  position: relative;
}
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 8px 0;
  min-width: 160px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
  z-index: 100;
}
.nav-item.has-dropdown:hover .nav-dropdown {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
  pointer-events: auto;
}
.nav-dropdown-item {
  display: block;
  position: relative;
  padding: 10px 36px 10px 20px;
  font-size: 14px;
  color: #111f2c;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s;
}
.nav-item.has-dropdown .nav-dropdown-item::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #0066ff;
  border-right: 2px solid #0066ff;
  opacity: 0;
  transform: translateY(-50%) rotate(45deg) scale(0.65);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.nav-item.has-dropdown .nav-dropdown-item:hover,
.nav-item.has-dropdown .nav-dropdown-item:focus-visible {
  background: #f5f8fe;
  color: #0066ff;
}
.nav-item.has-dropdown .nav-dropdown-item:hover::after,
.nav-item.has-dropdown .nav-dropdown-item:focus-visible::after {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg) scale(1);
}

/* 隐私声明链接 */
.link-privacy {
  color: rgba(78,89,105,1);
  text-decoration: underline;
  cursor: pointer;
}
.link-privacy:hover {
  color: #0066ff;
}

/* 弹窗内“同意隐私/协议”勾选 */
.form-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 14px 0 2px;
  font-size: 13px;
  color: #4E5969;
  line-height: 1.6;
  text-align: left;
  cursor: pointer;
}
.form-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 auto;
  cursor: pointer;
  accent-color: #0066ff;
}
.form-check .link-privacy {
  font-size: 13px;
}
.modal-tip {
  display: none;
  margin: 6px 0 0;
  padding: 6px 10px;
  color: #ff4d4f;
  font-size: 12px;
  text-align: left;
  background: rgba(255,77,79,0.08);
  border-radius: 4px;
}

/* 页脚法律链接 */
.footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 10px;
}
.footer-links a {
  color: rgba(255,255,255,0.8);
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-links a:hover {
  color: #fff;
}
.footer-link-sep {
  color: rgba(255,255,255,0.35);
}

/* ===== 蓝湖版本4切片与联系区对齐 ===== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 蓝湖切片：联系我们背景（1920×404，源切片按2倍导出） */
.contact {
  position: relative;
  height: 404px;
  background: #ffffff url('../images/contact-bg.png') center center / cover no-repeat;
}

.contact-content {
  position: relative;
  z-index: 1;
  padding-top: 88px;
}

/* MasterGo 组 757（406×542 @1251,9626），客服图层主体按设计取 406×498 @0,0 组内 */
/* 组 756 背景从 y=9714 开始，组 757 从 y=9626 开始，图片向上溢出联系区 93px */
/* 完整展示导出图 406×542：底部贴页脚起点 10124，顶部相对联系区 -137px。 */
.contact-service {
  position: absolute;
  z-index: 0;
  width: 406px;
  height: 542px;
  object-fit: contain;
  pointer-events: none;
}
@media (max-width: 1024px) {
.contact-service {
  left: auto;
  right: max(24px, calc((100% - 1420px) / 2 + 10px));
  top: -137px;
}
}

/* 蓝湖组828导出的行业卡片已包含渐变和标题文案，不再重复叠加 HTML 标题。 */
.industry-card {
  border-radius: 15px;
  box-shadow: none;
}

.industry-img::after {
  display: none;
}

@media (min-width: 1025px) {
  .contact-content {
    width: 1420px;
    padding-top: 85px;
  }
}

/* 响应式: 导航下拉 */
@media (max-width: 768px) {
  .nav-dropdown {
    position: static;
    transform: none;
    box-shadow: none;
    padding-left: 20px;
    opacity: 1;
    pointer-events: auto;
    display: none;
  }
  .nav-item.has-dropdown:hover .nav-dropdown {
    transform: none;
  }
  .nav-item.has-dropdown.open .nav-dropdown {
    display: block;
  }

  .contact {
    height: auto;
    min-height: 360px;
    background-position: 58% center;
  }

  .contact-content {
    text-align: center;
    padding: 60px 16px 190px;
  }

  .contact-service {
    width: 210px;
    height: auto;
    left: auto;
    right: 6px;
    top: auto;
    bottom: -35px;
  }
}

/* ===== 右侧滚动锚点导航（MasterGo 组 875-882，组 853 圆点样式） ===== */
/* 组 853：外圈圆形51 14×14px 0.5px solid #165DFF；内圈圆形46 8×8px rgba(22,93,255,0.5) */
.scroll-nav {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 900;
}

.scroll-nav-item {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #165DFF;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s;
  box-sizing: border-box;
}

.scroll-nav-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  transition: all 0.3s;
}

.scroll-nav-item:hover .scroll-nav-dot {
  background: rgba(22, 93, 255, 0.5);
}

/* 当前选中：内圈实心点 rgba(22,93,255,0.5) */
.scroll-nav-item.active .scroll-nav-dot {
  background: rgba(22, 93, 255, 0.5);
}

/* 深色背景区域（组 658）：外圈白色边框，选中内圈白色实心 */
.scroll-nav-item.dark {
  border-color: #FFFFFF;
}

.scroll-nav-item.dark:hover .scroll-nav-dot {
  background: #FFFFFF;
}

.scroll-nav-item.dark.active .scroll-nav-dot {
  background: #FFFFFF;
}

@media (max-width: 1024px) {
  .scroll-nav { display: none; }
}

/* ============================================================
   产品独立页公共样式（crm.html / patent.html / hr.html / custom.html）
   首页各模块 #crm/#patent/#hr/#custom 的样式直接复用，
   此处仅补充产品页专属的 Banner / CTA / 联系我们 / 悬浮机器人。
   ============================================================ */

/* ---------- 产品页 Banner ---------- */
.product-banner {
  position: relative;
  width: 100%;
  height: 460px;
  margin: 80px auto 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #ffffff center / cover no-repeat;
}
.product-banner::after {
  content: '';
  position: absolute;
  right: -60px; top: -60px;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(0,102,255,0.10) 0%, rgba(0,216,255,0) 70%);
  z-index: 1;
}
.product-banner.product-patent { background-image: url('../images/lanhu-patent-banner.png'); }
.product-banner.product-crm { background-image: url('../images/lanhu-crm-banner.png'); }
.product-banner.product-hr { background-image: url('../images/hr-banner.png'); }
.product-banner.product-patent,
.product-banner.product-crm,
.product-banner.product-hr { background-position: center top; }
.product-banner-content {
  position: relative; z-index: 2;
  max-width: 1420px; width: 100%;
}
.product-banner-title {
  font-size: 44px; font-weight: 500; color: #292F3A;
  line-height: 56px; margin-bottom: 16px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.product-banner-subtitle {
  font-size: 18px; color: #4E5969; line-height: 30px;
  max-width: 660px; margin-bottom: 30px;
}
.product-banner-btn {
  display: inline-flex; align-items: center; gap: 8px;
  min-width: 159px; height: 46px; padding: 10px 27px;
  border-radius: 255px;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  color: #fff; font-size: 16px; font-weight: 500; text-decoration: none;
  transition: opacity .3s;
}
.product-banner-btn:hover { opacity: .9; }

/* 模块区块与 Banner 之间的间距（覆盖模块默认 120px 上内边距） */
.product-banner + .crm,
.product-banner + .patent,
.product-banner + .hr,
.product-banner + .custom { padding-top: 70px; }

@media (min-width: 1025px) {
  .product-banner { height: 700px; margin-top: 100px; align-items: flex-start; }
  .product-banner-content { padding: 0; margin-left: max(24px, calc((100% - 1420px) / 2)); padding-top: 166px; }
  .product-banner-title { font-size: 44px; line-height: 42px; margin-bottom: 12px; }
  .product-banner-subtitle { line-height: 26px; margin-bottom: 30px; }
  .product-banner-btn { height: 46px; }
  .product-banner::after { display: none; }
  .product-banner + .crm,
  .product-banner + .patent,
  .product-banner + .hr,
  .product-banner + .custom { padding-top: 80px; }
}

/* ---------- 产品页 CTA ---------- */
.product-cta {
  position: relative; width: 100%;
  height: 205px; display: flex; align-items: center; justify-content: center;
  overflow: hidden; margin: 0 auto;
}
.product-cta::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, #e8f1ff 0%, #f0f6ff 100%);
}
.product-cta-content { text-align: center; position: relative; z-index: 2; }
.product-cta-title { font-size: 36px; font-weight: 600; color: #111f2c; margin-bottom: 24px; }

/* ---------- 产品页 联系我们 ---------- */
.product-contact { padding: 100px 0; background: #ffffff; }
.product-contact .section-title { text-align: center; }
.product-contact-wrap {
  display: flex; gap: 60px; align-items: flex-start;
  max-width: 1420px; margin: 50px auto 0; padding: 0 40px;
}
.product-contact-info { flex: 1; }
.product-contact-item { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px; }
.product-contact-icon {
  width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%;
  background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: #fff;
}
.product-contact-text { font-size: 16px; color: #4e5969; line-height: 1.6; }
.product-contact-text strong { display: block; font-size: 18px; margin-bottom: 4px; color: #111f2c; }
.product-contact-qr-row { display: flex; gap: 30px; margin-top: 40px; }
.product-contact-qr-item { text-align: center; }
.product-contact-qr-box {
  width: 165px; height: 165px; border-radius: 8px; background: #fff;
  border: 1px solid #e5e6eb; display: flex; align-items: center; justify-content: center;
  margin-bottom: 12px; box-shadow: 0 4px 20px rgba(0,102,255,.06);
}
.product-contact-qr-box::after { content: '二维码'; font-size: 14px; color: #86909c; }
.product-contact-qr-img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 6px; }
.product-contact-qr-box:has(img)::after { content: none; }
.product-contact-qr-label { font-size: 15px; color: #111f2c; font-weight: 500; }

/* ---------- 产品页 响应式 ---------- */
@media (max-width: 1024px) {
  .product-banner { height: 380px; }
  .product-banner-title { font-size: 36px; line-height: 46px; }
  .product-banner-subtitle { font-size: 17px; }
  .product-contact-wrap { flex-direction: column; }
  .product-cta-title { font-size: 30px; }
}
@media (max-width: 768px) {
  .product-banner { height: auto; min-height: 300px; padding: 56px 0; margin-top: 64px; }
  .product-banner-content { padding: 0 16px; }
  .product-banner-title { font-size: 28px; line-height: 38px; }
  .product-banner-subtitle { font-size: 15px; line-height: 26px; }
  .product-banner-btn { height: 42px; font-size: 15px; min-width: 140px; }
  .product-cta { height: 170px; }
  .product-cta-title { font-size: 24px; margin-bottom: 18px; }
  .product-contact { padding: 60px 0; }
  .product-contact-qr-row { flex-direction: column; gap: 20px; align-items: center; }
  .product-contact-qr-box { width: 140px; height: 140px; }
}

/* ============================================================
   CRM 页 V2（2026-08-06 蓝湖设计稿重写）
   设计基准 1920px，内容容器 1420px 居中（左偏移 250px）。
   ============================================================ */

/* ---------- CRM Banner + 试用表单 ---------- */
/* overflow visible 让试用表单可略超出 banner 底边；::after 光晕 right:-60px 会撑出横向滚动，直接隐藏 */
.crm-banner { overflow: visible; }
.crm-banner::after { display: none; }
.crm-banner-inner { position: relative; z-index: 2; height: 100%; }
/* 标题 @(250,266)：banner 顶 y=100 → 相对 top 166px */
.crm-banner-text { position: absolute; top: 166px; left: 0; width: 680px; max-width: 100%; }
.crm-banner .product-banner-subtitle { max-width: 680px; }
/* 试用表单卡片 容器204 @(1218,110) 452×495：相对容器左缘 968px、banner 顶 10px */
.crm-banner .crm-trial-form { position: absolute; top: 10px; left: 968px; }

/* ---------- 核心优势 ---------- */
/* 标题 @(886,680)，卡片行 y=774 → 间距 30px */
.crm-adv { padding: 80px 0 70px; background: #ffffff; }
.crm-section-title { text-align: center; margin-bottom: 30px; }
/* 卡片 454×247 三列，列间距 30px（249/733/1216） */
.crm-adv-grid { display: flex; flex-wrap: wrap; gap: 30px; }
.crm-adv-card {
  width: calc((100% - 60px) / 3);
  box-sizing: border-box;
  background: #F5F8FF;
  padding: 39px 32px 27px;
  min-height: 247px;
}
.crm-adv-icon { display: block; width: 80px; height: 80px; margin-bottom: 7px; }
.crm-adv-card-title {
  font-size: 22px; font-weight: 500; color: rgba(17, 31, 44, 1);
  line-height: 34px; margin-bottom: 8px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.crm-adv-card-desc { font-size: 18px; color: rgba(78, 89, 105, 0.7); line-height: 26px; }

/* ---------- 功能介绍 ---------- */
/* 标题 @(886,1368)，块间垂直间距 80px（如 2046→2126） */
.crm-func { padding: 0 0 60px; background: #ffffff; }
.crm-func-block { display: flex; align-items: flex-start; gap: 80px; margin-top: 80px; }
.crm-func-block:first-of-type { margin-top: 0; }
.crm-func-block.reverse { flex-direction: row-reverse; }
.crm-func-text { flex: 1; min-width: 0; }
/* 截图 603×384 */
.crm-func-media { flex: none; width: 603px; }
.crm-func-media img { display: block; width: 100%; height: auto; border-radius: 8px; }
/* 块标题 26px @(251,1462)，描述 18px @(251,1508) */
.crm-func-title {
  font-size: 26px; font-weight: 500; color: rgba(17, 31, 44, 1);
  line-height: 40px; margin-bottom: 6px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.crm-func-desc { font-size: 18px; color: rgba(78, 89, 105, 0.8); line-height: 26px; margin-bottom: 29px; }
/* 子项：对号 20×20 @(250,*) + 标题 22px @(278,*) + 描述 18px，子项间距 24px */
.crm-func-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.crm-func-item-title {
  display: flex; align-items: center; gap: 8px;
  font-size: 22px; font-weight: 500; color: rgba(17, 31, 44, 1);
  line-height: 30px; margin-bottom: 4px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.crm-check-icon { width: 20px; height: 20px; flex-shrink: 0; }
.crm-func-item-desc {
  font-size: 18px; color: rgba(78, 89, 105, 0.8); line-height: 30px;
  padding-left: 28px; margin: 0;
}
/* 双按钮：免费试用（渐变）+ 下载操作手册及视频（描边 容器240 @(2000) 195×46，间距 8px） */
.crm-func-actions { display: flex; gap: 8px; margin-top: 24px; }
.crm-func-manual {
  min-width: 195px; height: 46px;
  border: 1px solid rgba(22, 93, 255, 1);
  color: rgba(22, 93, 255, 1);
  box-sizing: border-box;
}

/* ---------- CRM CTA（背景图 1920×205） ---------- */
/* 标题 @(248,5276) 36px，按钮 容器221 @(248,5343) 159×46 */
.crm-cta {
  position: relative; width: 100%; height: 205px;
  margin: 0 auto; display: flex; align-items: center; overflow: hidden;
  background: url('../images/crm-cta-bg.png') center / cover no-repeat;
}
.crm-cta-inner { padding-top: 54px; align-items: flex-start; }
.crm-cta-title {
  font-size: 36px; font-weight: 500; color: rgba(41, 47, 58, 1);
  line-height: 43px; margin-bottom: 24px;
  font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.crm-cta-btn { min-width: 159px; }

/* ---------- CRM V2 响应式 ---------- */
@media (max-width: 1024px) {
  .crm-banner { height: auto; min-height: 0; padding: 56px 0 64px; }
  .crm-banner-inner { height: auto; }
  .crm-banner-text { position: static; width: 100%; max-width: none; text-align: center; }
  .crm-banner .product-banner-subtitle { margin-left: auto; margin-right: auto; }
  .crm-banner .crm-trial-form {
    position: relative; top: auto; left: auto;
    margin: 40px auto 0; width: 100%; max-width: 452px; height: auto;
  }
  .crm-adv { padding: 60px 0 50px; }
  .crm-adv-grid { gap: 24px; }
  .crm-adv-card { width: calc(50% - 12px); min-height: 0; padding: 32px 28px 24px; }
  .crm-func { padding-bottom: 40px; }
  .crm-func-block, .crm-func-block.reverse { flex-direction: column; gap: 32px; margin-top: 60px; }
  .crm-func-media { width: 100%; max-width: 603px; }
  .crm-cta-title { font-size: 30px; }
}
@media (max-width: 768px) {
  .crm-banner { padding: 40px 0 48px; }
  .crm-banner .product-banner-title { font-size: 28px; line-height: 38px; }
  .crm-banner .product-banner-subtitle { font-size: 15px; line-height: 26px; }
  .crm-adv { padding: 48px 0 40px; }
  .crm-adv-grid { gap: 16px; }
  .crm-adv-card { width: 100%; }
  .crm-adv-icon { width: 64px; height: 64px; }
  .crm-adv-card-title { font-size: 20px; line-height: 30px; }
  .crm-adv-card-desc { font-size: 16px; line-height: 24px; }
  .crm-func-title { font-size: 22px; line-height: 34px; }
  .crm-func-desc { font-size: 15px; line-height: 24px; margin-bottom: 20px; }
  .crm-func-items { gap: 18px; }
  .crm-func-item-title { font-size: 18px; line-height: 26px; }
  .crm-check-icon { width: 18px; height: 18px; }
  .crm-func-item-desc { font-size: 15px; line-height: 26px; padding-left: 26px; }
  .crm-func-actions { flex-wrap: wrap; }
  .crm-cta { height: auto; padding: 40px 0; }
  .crm-cta-inner { padding-top: 0; align-items: center; text-align: center; }
  .crm-cta-title { font-size: 24px; line-height: 34px; margin-bottom: 18px; }
}

/* ============================================================
   专利页 V2（2026-08-06，源：专利json.txt，1920px 基准）
   页面坐标：banner y=100~600；功能区 y=680~3070；对比 y=3247~4097；CTA y=4227~4432。
   ============================================================ */

/* ---------- 专利 Banner + 试用表单 ---------- */
.patent-banner { overflow: visible; }
.patent-banner::after { display: none; }
.patent-banner-inner { position: relative; z-index: 2; height: 100%; }
.patent-banner-text { position: absolute; top: 166px; left: 0; width: 760px; max-width: 100%; }
.patent-banner .product-banner-subtitle { max-width: 735px; }
/* 卡片 容器204 @(1218,110) 452×495，相对 1420px 内容容器为 left:968 top:10。 */
.patent-banner .patent-trial-form { position: absolute; top: 10px; left: 968px; }

/* ---------- 四个专利能力块 ---------- */
.patent-solutions { padding: 80px 0 145px; background: #ffffff; }
.patent-section-title { margin-bottom: 80px; text-align: center; }
/* 设计块宽1420；文本738、截图632，间隔50（首块 x=250 / 1038）。 */
.patent-feature-block { display: flex; align-items: flex-start; gap: 50px; margin-top: 100px; }
.patent-feature-block:first-of-type { margin-top: 0; }
.patent-feature-block.reverse { flex-direction: row-reverse; }
.patent-feature-text { width: 738px; flex: 0 1 738px; min-width: 0; }
.patent-feature-media { width: 632px; flex: 0 0 632px; margin-top: 20px; }
.patent-feature-block.reverse .patent-feature-media { margin-top: 13px; }
.patent-feature-media img { display: block; width: 100%; height: auto; border-radius: 0; }
.patent-feature-title {
  margin: 0 0 6px; color: #111f2c; font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 26px; line-height: 40px; font-weight: 500;
}
.patent-feature-desc { margin: 0 0 29px; color: rgba(78, 89, 105, .8); font-size: 18px; line-height: 26px; }
.patent-feature-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.patent-feature-items li h4 {
  display: flex; align-items: center; gap: 8px; margin: 0 0 4px;
  color: #111f2c; font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 22px; line-height: 30px; font-weight: 500;
}
.patent-feature-items li h4 img { width: 20px; height: 20px; flex: 0 0 20px; }
.patent-feature-items li p { margin: 0; padding-left: 28px; color: rgba(78, 89, 105, .8); font-size: 18px; line-height: 30px; }
.patent-feature-actions { display: flex; gap: 8px; margin-top: 24px; }
.patent-manual {
  min-width: 195px; height: 46px; box-sizing: border-box;
  border: 1px solid rgba(22, 93, 255, 1); color: rgba(22, 93, 255, 1);
}

/* ---------- 传统方式 / 系统方案对比 ---------- */
.patent-compare { position: relative; padding: 0 0 130px; background: #ffffff; }
.patent-compare::before {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 296px;
  background: url('../images/patent-compare-curve.png') center top / 1920px 296px no-repeat;
  pointer-events: none;
}
.patent-compare > .container { position: relative; z-index: 1; padding-top: 177px; }
.patent-compare-title {
  margin: 0; color: #111f2c; text-align: center; font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 36px; line-height: 44px; font-weight: 500;
}
.patent-compare-desc { margin: 12px 0 28px; color: rgba(78, 89, 105, .8); text-align: center; font-size: 18px; line-height: 24px; }
.patent-compare-board { display: grid; grid-template-columns: 603px 214px 603px; width: 1420px; max-width: 100%; min-height: 738px; }
.patent-compare-side { padding: 0 40px; background: #ffffff; border: 1px solid rgba(193, 206, 216, 1); }
.patent-compare-side h3 {
  height: 120px; margin: 0 -40px 45px; display: flex; align-items: center; justify-content: center;
  color: #ffffff; font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 36px; line-height: 56px; font-weight: 500;
}
.patent-compare-side.traditional h3 { background: rgba(78, 89, 105, 1); }
.patent-compare-side.system h3 { background: linear-gradient(90deg, #0066ff 0%, #00d8ff 100%); }
.patent-compare-side ul { display: flex; flex-direction: column; gap: 86px; list-style: none; margin: 0; padding: 0; }
.patent-compare-side li { display: flex; align-items: center; gap: 24px; color: rgba(78, 89, 105, 1); font-size: 18px; line-height: 30px; }
.patent-compare-side.system li { color: rgba(78, 89, 105, 1); }
.patent-compare-side li img { width: 30px; height: 30px; flex: 0 0 30px; }
.patent-compare-flow { display: flex; flex-direction: column; align-items: center; background: #f5f8ff; padding-top: 31px; }
.patent-compare-vs { width: 92px; height: 56px; margin-bottom: 74px; }
.patent-compare-flow > div { display: flex; flex-direction: column; align-items: center; color: #111f2c; font-size: 22px; line-height: 26px; font-weight: 500; white-space: nowrap; }
.patent-compare-flow > div img { width: 46px; height: 60px; margin: 18px 0 13px; }

/* ---------- 专利 CTA，设计图背景 1920×205 ---------- */
.patent-cta {
  position: relative; width: 100%; height: 205px; margin: 0 auto; overflow: hidden;
  background: url('../images/patent-cta-bg.png') center / cover no-repeat;
}
.patent-cta-inner { height: 100%; padding-top: 49px; }
.patent-cta h2 {
  margin: 0 0 24px; color: #292f3a; font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 36px; line-height: 43px; font-weight: 500;
}

/* ---------- 专利页响应式 ---------- */
@media (max-width: 1024px) {
  .patent-banner { height: auto; min-height: 0; padding: 56px 0 64px; }
  .patent-banner-inner { height: auto; }
  .patent-banner-text { position: static; width: 100%; max-width: none; text-align: center; }
  .patent-banner .product-banner-subtitle { margin-left: auto; margin-right: auto; }
  .patent-banner .patent-trial-form { position: relative; top: auto; left: auto; width: 100%; max-width: 452px; height: auto; margin: 40px auto 0; }
  .patent-solutions { padding: 60px 0 100px; }
  .patent-section-title { margin-bottom: 56px; }
  .patent-feature-block, .patent-feature-block.reverse { flex-direction: column; gap: 32px; margin-top: 60px; }
  .patent-feature-text { width: 100%; flex: 0 1 auto; }
  .patent-feature-media, .patent-feature-block.reverse .patent-feature-media { width: 100%; max-width: 632px; flex: none; margin: 0 auto; }
  .patent-compare { padding-bottom: 100px; }
  .patent-compare-board { grid-template-columns: minmax(0, 1fr) 160px minmax(0, 1fr); min-height: 0; }
  .patent-compare-side { padding: 0 24px; }
  .patent-compare-side h3 { margin-left: -24px; margin-right: -24px; font-size: 28px; }
  .patent-compare-side ul { gap: 52px; }
  .patent-compare-side li { gap: 12px; font-size: 16px; }
  .patent-compare-flow > div { font-size: 16px; }
  .patent-compare-vs { margin-bottom: 64px; }
}
@media (max-width: 768px) {
  .patent-banner { padding: 40px 0 48px; }
  .patent-banner .product-banner-title { font-size: 28px; line-height: 38px; }
  .patent-banner .product-banner-subtitle { font-size: 15px; line-height: 26px; }
  .patent-solutions { padding: 48px 0 72px; }
  .patent-section-title { margin-bottom: 40px; }
  .patent-feature-block, .patent-feature-block.reverse { gap: 24px; margin-top: 48px; }
  .patent-feature-title { font-size: 22px; line-height: 34px; }
  .patent-feature-desc { margin-bottom: 20px; font-size: 15px; line-height: 24px; }
  .patent-feature-items { gap: 18px; }
  .patent-feature-items li h4 { font-size: 18px; line-height: 26px; }
  .patent-feature-items li h4 img { width: 18px; height: 18px; flex-basis: 18px; }
  .patent-feature-items li p { padding-left: 26px; font-size: 15px; line-height: 26px; }
  .patent-feature-actions { flex-wrap: wrap; }
  .patent-compare { padding-bottom: 70px; }
  .patent-compare::before { height: 180px; background-size: auto 180px; }
  .patent-compare > .container { padding-top: 92px; }
  .patent-compare-title { font-size: 24px; line-height: 34px; }
  .patent-compare-desc { margin: 10px 0 24px; font-size: 15px; line-height: 24px; }
  .patent-compare-board { display: flex; flex-direction: column; }
  .patent-compare-side { padding: 0 20px 32px; }
  .patent-compare-side h3 { height: 72px; margin: 0 -20px 26px; font-size: 24px; line-height: 32px; }
  .patent-compare-side ul { gap: 20px; }
  .patent-compare-side li { align-items: flex-start; font-size: 15px; line-height: 24px; }
  .patent-compare-side li img { width: 24px; height: 24px; flex-basis: 24px; }
  .patent-compare-flow { order: 2; padding: 24px 0; }
  .patent-compare-side.traditional { order: 1; }
  .patent-compare-side.system { order: 3; }
  .patent-compare-vs { width: 70px; height: auto; margin-bottom: 24px; }
  .patent-compare-flow > div { font-size: 18px; line-height: 26px; }
  .patent-compare-flow > div img { width: 36px; height: auto; margin: 10px 0; }
  .patent-cta { height: auto; min-height: 205px; padding: 40px 0; }
  .patent-cta-inner { padding-top: 0; text-align: center; }
  .patent-cta h2 { margin-bottom: 18px; font-size: 24px; line-height: 34px; }
}

/* ===== 人事页 V2（人事管理系统json.txt，1920px 基准） ===== */
.hr-banner { overflow: visible; }
.hr-banner::after { display: none; }
.hr-banner-inner { height: 100%; position: relative; z-index: 2; }
.hr-banner-text { position: absolute; top: 166px; left: 0; width: 735px; max-width:100%; }
.hr-banner .product-banner-subtitle { max-width: 689px; }
.hr-banner .hr-trial-form { position:absolute; top:10px; left:968px; }
.hr-pains { background:#fff; padding:80px 0 80px; }
.hr-title { text-align:center; margin-bottom:24px; }
.hr-pains-subtitle { text-align:center; margin:0 0 56px; font-size:26px; line-height:44px; font-weight:500; color:#111f2c; }
.hr-pain-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:54px 32px; }
.hr-pain-grid article { position:relative; height:205px; padding:76px 72px 24px 127px; background:#f5f8ff; }
.hr-pain-grid article > span { position:absolute; top:-30px; left:0; min-width:209px; height:60px; padding:0 45px; display:flex; align-items:center; color:#fff; background:linear-gradient(90deg,#0066ff,#00d8ff); font-size:26px; line-height:44px; font-weight:500; }
.hr-pain-grid article > img { position:absolute; left:24px; top:58px; width:72px; height:72px; }
.hr-pain-grid article h4 { position:absolute; left:46px; top:132px; margin:0; font-size:18px; color:#111f2c; }
.hr-pain-grid article p { margin:0; color:rgba(78,89,105,.8); font-size:18px; line-height:26px; }
.hr-compare { padding:0 0 100px; background:#fff; }
.hr-process { display:flex; flex-direction:column; gap:34px; }
.hr-process-row { min-height:130px; padding:26px; display:flex; justify-content:flex-start; align-items:center; gap:28px; background:#f5f8ff; }
.hr-process-row.old { border:1.49px dashed; border-image:linear-gradient(90deg,#0066ff 0%,#00d8ff 100%) 1.49; border-radius:5.95px; }
.hr-process-row b { display:flex; align-items:center; justify-content:center; width:190px; height:68px; color:#fff; font-size:26px; font-weight:500; background:#4e5969; flex-shrink:0; }
.hr-process-row.new b { background:linear-gradient(90deg,#0066ff,#00d8ff); }
.hr-process-row span { display:flex; align-items:center; justify-content:center; min-width:128px; height:64px; padding:0 18px; border-radius:32px; background:#fff; color:#111f2c; font-size:22px; white-space:nowrap; }
.hr-process-row.new span { min-width:180px; }
.hr-process-row i { color:#0066ff; font-size:38px; font-style:normal; }
.hr-process-results { display:flex; justify-content:center; gap:260px; }
.hr-process-results strong { width:215px; min-height:126px; padding:18px; display:flex; align-items:center; justify-content:center; text-align:center; color:#0066ff; font-size:26px; line-height:42px; font-weight:500; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0066ff,#00d8ff) border-box; border:1.49px solid transparent; border-radius:16px; }

/* HR 对比区按设计稿图层重组：轨道、指标卡和装饰图分别独立定位。 */
.hr-compare-visual { display:flex; flex-direction:column; gap:34px; }
.hr-compare-row { display:flex; align-items:center; gap:54px; min-height:130px; padding:0 25px; }
.hr-compare-old,.hr-compare-new { background:transparent; }
.hr-compare-label { display:flex; align-items:center; justify-content:center; flex:0 0 190px; height:68px; color:#fff; font-size:26px; line-height:1.5; font-weight:500; }
.hr-compare-label-old { background:#4e5969; }
.hr-compare-label-new { background:linear-gradient(90deg,#0066ff,#00d8ff); }
.hr-compare-track { position:relative; display:block; flex:0 0 1098px; min-width:0; height:130px; }
.hr-flow-node { position:absolute; display:flex; align-items:center; justify-content:center; flex:none; height:64px; padding:0 18px; color:#111f2c; background:#fff; border-radius:32px; font-size:22px; line-height:1.4; white-space:nowrap; }
.hr-compare-track-old { position:relative; border:0; border-radius:5.95px; }
.hr-compare-track-old::before,.hr-compare-track-new::before { content:''; position:absolute; inset:0; z-index:0; border-radius:5.95px; pointer-events:none; }
.hr-compare-track-old::before { background:repeating-linear-gradient(90deg,#4e5969 0 8px,transparent 8px 16px) top/100% 2px no-repeat,repeating-linear-gradient(90deg,#4e5969 0 8px,transparent 8px 16px) bottom/100% 2px no-repeat,repeating-linear-gradient(0deg,#4e5969 0 8px,transparent 8px 16px) left/2px 100% no-repeat,repeating-linear-gradient(0deg,#4e5969 0 8px,transparent 8px 16px) right/2px 100% no-repeat; }
.hr-compare-track-old .hr-flow-node { top:33px; height:64px; padding:11.9px 37.2px; box-sizing:border-box; border:1.49px solid #d8dadc; border-radius:107.14px; font-family:"HarmonyOS Sans SC","Microsoft YaHei",sans-serif; font-size:22px; line-height:normal; }
.hr-compare-track-old .hr-flow-node:nth-of-type(1){left:32px;width:180px}.hr-compare-track-old .hr-flow-node:nth-of-type(2){left:297px;width:128px}.hr-compare-track-old .hr-flow-node:nth-of-type(3){left:507px;width:128px}.hr-compare-track-old .hr-flow-node:nth-of-type(4){left:719px;width:128px}.hr-compare-track-old .hr-flow-node:nth-of-type(5){left:930px;width:128px}
.hr-compare-track-new { position:relative; border:0; border-radius:5.95px; padding:26px; }
.hr-compare-track-new::before { background:repeating-linear-gradient(90deg,#0066ff 0 8px,transparent 8px 16px) top/100% 2px no-repeat,repeating-linear-gradient(90deg,#0066ff 0 8px,transparent 8px 16px) bottom/100% 2px no-repeat,repeating-linear-gradient(0deg,#0066ff 0 8px,transparent 8px 16px) left/2px 100% no-repeat,repeating-linear-gradient(0deg,#00d8ff 0 8px,transparent 8px 16px) right/2px 100% no-repeat; }
.hr-compare-track-new .hr-flow-node { top:34px; z-index:1; flex:0 0 180px; min-width:180px; border:1.49px solid transparent; border-radius:107.14px; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0066ff,#00d8ff) border-box; }
.hr-compare-track-new .hr-flow-node:nth-of-type(1){left:32px}.hr-compare-track-new .hr-flow-node:nth-of-type(2){left:444.76px}.hr-compare-track-new .hr-flow-node:nth-of-type(3){left:890px}
.hr-flow-node-text { color:transparent; background:linear-gradient(90deg,#0066ff 0%,#00d8ff 100%); -webkit-background-clip:text; background-clip:text; }
.hr-flow-arrow { position:absolute; z-index:1; display:block; top:65px; width:93.75px; height:0; opacity:1; background:linear-gradient(90deg,#0066ff 0%,#00d8ff 100%,#d8d8d800 100%); border:0; border-top:2px solid; border-image:linear-gradient(90deg,#0066ff 0%,#00d8ff 100%,#d8d8d800 100%) 1; }
.hr-flow-arrow::after { content:''; position:absolute; right:-1px; top:-5px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:10px solid #00d8ff; }
.hr-compare-track-old .hr-flow-arrow { width:40px; background:#111f2c; border-top-color:#111f2c; border-image:none; }
.hr-compare-track-old .hr-flow-arrow::after { border-left-color:#111f2c; }
.hr-compare-track-old .hr-flow-arrow:nth-of-type(1){left:230px}.hr-compare-track-old .hr-flow-arrow:nth-of-type(2){left:441px}.hr-compare-track-old .hr-flow-arrow:nth-of-type(3){left:652px}.hr-compare-track-old .hr-flow-arrow:nth-of-type(4){left:864px}
.hr-compare-track-new .hr-flow-arrow:nth-of-type(1){left:259px}.hr-compare-track-new .hr-flow-arrow:nth-of-type(2){left:702px}
.hr-compare-metrics { position:relative; display:grid; grid-template-columns:repeat(2,215px); justify-items:center; align-items:center; column-gap:260px; justify-content:center; width:1098px; padding:42px 0; margin:-2px 0 -2px 244px; }
.hr-metric-card { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:215px; min-height:126px; padding:18px; text-align:center; background:linear-gradient(90deg,#0066ff,#00d8ff); border:0; border-radius:16px; margin:14px 0; }
.hr-metric-card strong { color:#fff; font-size:26px; line-height:42px; font-weight:500; }
.hr-flow-accent { position:absolute; z-index:2; width:50.59px; height:58.05px; display:block; object-fit:contain; pointer-events:none; }
.hr-flow-accent-left{left:calc(50% - 255px);top:-28px}.hr-flow-accent-right{right:calc(50% - 255px);top:-28px}.hr-flow-accent-bottom-left{left:calc(50% - 255px);bottom:-28px}.hr-flow-accent-bottom-right{right:calc(50% - 255px);bottom:-28px}
.hr-solutions { padding:0 0 80px; background:#fff; }
.hr-solutions .hr-title { margin-bottom:60px; }
.hr-feature { display:flex; gap:74px; align-items:flex-start; margin-top:80px; }
.hr-feature:first-of-type { margin-top:0; }
.hr-feature.reverse { flex-direction:row-reverse; }
.hr-feature-text { width:753px; flex:1; padding-top:68px; }
.hr-feature > img { width:603px; height:454px; object-fit:contain; flex:0 0 603px; }
.hr-feature h3 { margin:0 0 6px; color:#111f2c; font-size:26px; line-height:40px; font-weight:500; }
.hr-feature-text > p { margin:0 0 29px; color:rgba(78,89,105,.8); font-size:18px; line-height:26px; }
.hr-feature ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:24px; }
.hr-feature li { padding-left:28px; position:relative; color:rgba(78,89,105,.8); font-size:18px; line-height:30px; }
.hr-feature li::before { content:''; position:absolute; left:0; top:5px; width:20px; height:20px; background:url('../images/hr-check.png') center/contain no-repeat; }
.hr-feature li b { display:block; color:#111f2c; font-size:22px; line-height:30px; font-weight:500; }
.hr-feature-text > div { display:flex; gap:8px; margin-top:24px; }
.hr-manual { min-width:195px; height:46px; border:1px solid #165dff; box-sizing:border-box; color:#165dff; }
.hr-values { padding:0 0 100px; background:#fff; }
.hr-values > .container > p { margin:0 0 60px; text-align:center; color:rgba(78,89,105,.8); font-size:18px; line-height:32px; }
.hr-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.hr-value-grid article { min-height:205px; padding:76px 24px 20px; position:relative; background:#f5f8ff; }
.hr-value-grid img { position:absolute; width:128px; height:116px; top:-70px; left:50%; transform:translateX(-50%); }
.hr-value-grid h3 { margin:0 0 6px; color:#111f2c; font-size:22px; line-height:35px; font-weight:500; }
.hr-value-grid span { color:rgba(78,89,105,.8); font-size:18px; line-height:26px; }
.hr-cta { height:205px; background:url('../images/hr-cta-bg.png') center/cover no-repeat; }
.hr-cta .container { padding-top:49px; }
.hr-cta h2 { margin:0 0 24px; color:#292f3a; font-size:36px; line-height:43px; font-weight:500; }
@media (max-width:1024px) {
 .hr-banner {height:auto; padding:56px 0 64px;} .hr-banner-inner{height:auto;} .hr-banner-text{position:static;width:100%;text-align:center;} .hr-banner .product-banner-subtitle{margin-left:auto;margin-right:auto;} .hr-banner .hr-trial-form{position:relative;top:auto;left:auto;margin:40px auto 0;width:100%;max-width:452px;height:auto;}
 .hr-feature,.hr-feature.reverse{flex-direction:column;gap:32px;margin-top:60px}.hr-feature-text{padding-top:0;width:100%}.hr-feature>img{max-width:603px;width:100%;height:auto;margin:auto}.hr-process-row{gap:14px}.hr-process-row b{width:150px}.hr-process-row span{min-width:auto;padding:0 12px;font-size:18px}.hr-process-row.new span{min-width:auto}.hr-process-results{gap:80px}
}
@media(max-width:768px){
 .hr-banner{padding:40px 0 48px}.hr-banner .product-banner-title{font-size:28px;line-height:38px}.hr-banner .product-banner-subtitle{font-size:15px;line-height:26px}.hr-pains,.hr-solutions,.hr-values{padding:48px 0 64px}.hr-pain-grid,.hr-value-grid{grid-template-columns:1fr;gap:46px}.hr-pain-grid article{height:auto;min-height:205px;padding-left:112px}.hr-compare{padding-bottom:64px}.hr-process-row{flex-wrap:wrap;justify-content:flex-start;padding:20px}.hr-process-row b{width:100%;height:52px}.hr-process-row span,.hr-process-row.new span{height:46px;min-width:110px;font-size:16px}.hr-process-row i{font-size:22px}.hr-process-results{gap:16px}.hr-process-results strong{width:calc(50% - 8px);font-size:18px;line-height:28px;min-height:90px}.hr-feature h3{font-size:22px;line-height:34px}.hr-feature-text>p,.hr-feature li{font-size:15px;line-height:26px}.hr-feature li b{font-size:18px;line-height:26px}.hr-feature-text>div{flex-wrap:wrap}.hr-values>.container>p{font-size:15px;line-height:24px;margin-bottom:50px}.hr-cta{height:auto;min-height:205px;padding:40px 0}.hr-cta .container{padding-top:0;text-align:center}.hr-cta h2{font-size:24px;line-height:34px;margin-bottom:18px}
}

/* ===== 招商加盟页 V2（招商加盟json.txt，1920px 基准） ===== */
.join-banner { height:500px; margin-top:100px; background:url('../images/join-banner-v2.png') center top/cover no-repeat; }
.join-banner .container { padding-top:159px; }.join-banner h1{margin:0 0 12px;color:#292f3a;font-size:44px;line-height:42px;font-weight:500}.join-banner p{margin:0 0 32px;color:#4e5969;font-size:18px;line-height:26px}.join-banner .btn-white{height:50px;min-width:159px;font-size:16px}
.join-reasons{padding:80px 0 100px;background:#fff}.join-reasons .section-title{margin-bottom:30px}.join-reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.join-reason-grid article{min-height:574px;padding:70px 40px 34px;background:#f5f8ff;border-radius:34px}.join-reason-grid em{display:block;margin:0 0 24px;color:#0066ff;font:700 48px/1 var(--font-din);font-style:normal}.join-reason-grid h3{margin:0 0 22px;color:#111f2c;font-size:22px;line-height:42px;font-weight:500}.join-reason-grid p{margin:0 0 14px;color:rgba(78,89,105,.8);font-size:18px;line-height:26px}
.join-support{padding:0 0 100px;background:#fff}.join-support .section-title,.join-benefits .section-title{margin-bottom:18px}.join-intro{margin:0 0 30px;text-align:center;color:rgba(78,89,105,.8);font-size:18px;line-height:26px}.join-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 60px}.join-support-grid article{min-height:206px;padding:57px 24px 24px 123px;position:relative;background:#f5f8ff}.join-support-grid img{position:absolute;left:32px;top:60px;width:70px;height:70px}.join-support-grid h3{margin:0 0 10px;color:#111f2c;font-size:22px;line-height:30px;font-weight:500}.join-support-grid p{margin:0;color:rgba(78,89,105,.8);font-size:18px;line-height:26px}
.join-benefits{padding:0 0 120px;background:#fff}.join-benefit{display:flex;align-items:flex-start;gap:214px;margin-top:80px}.join-benefit.reverse{flex-direction:row-reverse}.join-benefit>div{width:603px;flex:1;padding-top:40px}.join-benefit>img{width:603px;height:454px;object-fit:contain;flex:0 0 603px}.join-benefit h3{margin:0 0 30px;color:#111f2c;font-size:26px;line-height:40px;font-weight:500}.join-benefit ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.join-benefit li{padding-left:28px;position:relative;color:rgba(78,89,105,.8);font-size:18px;line-height:30px}.join-benefit li::before{content:'';position:absolute;left:0;top:5px;width:20px;height:20px;background:url('../images/join-check.png') center/contain no-repeat}.join-benefit li b{display:block;color:#111f2c;font-size:22px;line-height:30px;font-weight:500}.join-benefit .btn-gradient{margin-top:24px}
.join-cta{height:284px;background:url('../images/join-cta-bg.png') center/cover no-repeat}.join-cta .container{padding-top:88px}.join-cta h2{margin:0 0 42px;color:#fff;font-size:36px;line-height:44px;font-weight:500}.join-cta .btn-gradient{background:#fff;color:#0066ff}
@media(max-width:1024px){.join-banner .container{padding-left:24px}.join-reason-grid{gap:18px}.join-reason-grid article{padding:50px 28px}.join-support-grid{gap:20px}.join-benefit,.join-benefit.reverse{flex-direction:column;gap:32px;margin-top:60px}.join-benefit>div{padding-top:0;width:100%}.join-benefit>img{max-width:603px;width:100%;height:auto;margin:auto}}
@media(max-width:768px){.join-banner{height:auto;min-height:360px;margin-top:64px}.join-banner .container{padding:100px 16px 50px;text-align:center}.join-banner h1{font-size:28px;line-height:38px}.join-banner p{font-size:15px;line-height:26px}.join-reasons,.join-support,.join-benefits{padding:48px 0 64px}.join-reason-grid,.join-support-grid{grid-template-columns:1fr;gap:20px}.join-reason-grid article{min-height:0;border-radius:20px;padding:36px 24px}.join-reason-grid h3{font-size:20px;line-height:30px}.join-reason-grid p,.join-support-grid p,.join-benefit li{font-size:15px;line-height:26px}.join-support-grid article{padding:36px 20px 24px 112px;min-height:170px}.join-support-grid img{left:24px;top:48px}.join-benefit h3{font-size:22px;line-height:34px}.join-benefit li b{font-size:18px;line-height:26px}.join-cta{height:auto;min-height:220px;padding:40px 0}.join-cta .container{padding-top:0;text-align:center}.join-cta h2{margin-bottom:28px;font-size:24px;line-height:34px}}

/* ===== 新闻详情页 V2（新闻动态json.txt，1920px 基准） ===== */
.news-banner{height:500px;margin-top:100px;background:url('../images/news-banner-v2.png') center top/cover no-repeat}.news-banner .container{padding-top:159px}.news-banner h1{margin:0 0 12px;color:#292f3a;font-size:44px;line-height:42px;font-weight:500}.news-banner p{margin:0 0 32px;color:#4e5969;font-size:18px;line-height:26px}.news-banner .btn-gradient{font-size:16px}
.news-detail{padding:80px 0 110px;background:#f6f9ff}.news-detail article{border:0;padding:80px 68px 70px;background:transparent}.news-detail h2{margin:0 0 36px;text-align:center;color:#111f2c;font-size:36px;line-height:44px;font-weight:500}.news-meta{display:flex;justify-content:center;gap:68px;margin-bottom:28px;color:#495770;font-size:16px;line-height:22px}.news-meta span{display:flex;align-items:center;gap:10px}.news-meta img{width:16px;height:16px}.news-cover{display:block;width:100%;height:410px;object-fit:cover;margin:0 0 36px}.news-body{color:#495770;font-size:20px;line-height:40px}.news-body p{margin:0}.news-body b{color:#111f2c;font-weight:500}.news-prev-next{display:flex;flex-direction:column;gap:16px;margin-top:44px;padding-top:25px;border-top:1px solid #d8d8d8}.news-prev-next a{color:#111f2c;font-size:18px;line-height:29px;text-decoration:none}.news-prev-next a:hover{color:#0066ff}.news-cta{height:284px;background:url('../images/news-cta-bg.png') center/cover no-repeat}.news-cta .container{padding-top:88px}.news-cta h2{margin:0 0 42px;color:#292f3a;font-size:36px;line-height:44px;font-weight:500}
@media(max-width:1024px){.news-banner .container{padding-left:24px}.news-detail{padding:60px 0 80px}.news-detail article{padding:50px 40px}.news-cover{height:auto;aspect-ratio:1284/410}.news-body{font-size:18px;line-height:34px}}
@media(max-width:768px){.news-banner{height:auto;min-height:360px;margin-top:64px}.news-banner .container{padding:100px 16px 50px;text-align:center}.news-banner h1{font-size:28px;line-height:38px}.news-banner p{font-size:15px;line-height:26px}.news-detail{padding:40px 0 60px}.news-detail article{padding:32px 16px}.news-detail h2{margin-bottom:24px;font-size:24px;line-height:34px}.news-meta{gap:20px;margin-bottom:20px;font-size:14px}.news-cover{margin-bottom:24px}.news-body{font-size:15px;line-height:28px}.news-prev-next{margin-top:28px}.news-prev-next a{font-size:15px;line-height:24px}.news-cta{height:auto;min-height:220px;padding:40px 0}.news-cta .container{padding-top:0;text-align:center}.news-cta h2{margin-bottom:28px;font-size:24px;line-height:34px}}

/* ===== 首页笔记本响应式修复（1025~1680px） =====
   1920px 保持 MasterJSON 精确坐标；笔记本宽度解除 Hero 文案/表单的重叠。 */
@media (min-width:1025px) and (max-width:1680px) {
  .nav-container {
    grid-template-columns: 180px minmax(0, 1fr) auto;
    column-gap: 16px;
    padding: 0 28px;
  }
  .nav-logo { width:180px; height:59px; }
  .nav-item, .nav-item-link { font-size:20px; padding:22px 12px; }
  .nav-contact { margin-left:12px; gap:6px; }
  .nav-phone-icon { width:28px; height:28px; }
  .nav-phone { font-size:19px; }

  .hero-content { left: max(48px, calc((100% - 1240px) / 2)); width: min(590px, calc(50% - 95px)); }
  .hero-title { width:100%; font-size:42px; line-height:1.35; margin-bottom:28px; }
  .hero-subtitle { width:100%; max-width:100%; font-size:18px; line-height:26px; margin-bottom:48px; }
  .hero-cta { width:auto; }
  .hero-cta .btn-gradient {
    min-width:138px;
    height:40px;
    padding:0 18px;
    gap:6px;
    font-size:16px;
  }
  .trial-form {
    left:auto;
    right:max(48px, calc((100% - 1240px) / 2));
    top:308px;
    width:400px;
    min-height:495px; height:auto;
  }
  .trial-form-body { left:29px; }
  .form-label { width:87px; flex-basis:87px; }
  .btn-submit { width: 100%; margin-left: 0; }
  .form-check { margin-left:18px; }
}

/* 快捷入口侧边栏容器（可拖动） */
.hero-sidebar {
  position: fixed;
  top: 104px;
  left: 24px;
  z-index: 10;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.hero-sidebar:active { cursor: grabbing; }
.quick-entry { margin-top: 0; }
.hero-robot { margin-left: 15px; margin-bottom: 8px; }
.robot-dropdown { top: 65px; left: 0; }
@media (max-width: 1024px) {
  .hero-sidebar { display: block; top: 570px; left: 24px; }
  .hero-sidebar .robot-dropdown .quick-entry { display: flex; }
}
@media (max-width: 768px) {
  .hero-sidebar { display: block; top: auto; bottom: 24px; left: auto; right: 16px; }
  .hero-robot { margin-left: 15px; }
  .robot-dropdown { top: auto; bottom: 90px; left: auto; right: 0; transform-origin: bottom center; }
  .hero-sidebar .robot-dropdown .quick-entry { display: flex; }
}


@media (min-width:1367px) and (max-width:1680px) {
  .hero { height:880px; }
  .hero-content { top:185px; }
  .hero-title { font-size:42px; line-height:1.35; }
  .hero-subtitle { font-size:18px; line-height:26px; margin-bottom:44px; }
  .trial-form {
    top:210px;
    width:452px;
    min-height:495px;
    height:auto;
    transform:scale(.90);
    transform-origin:top right;
  }
}

@media (min-width:1025px) and (max-width:1366px) {
  .hero { height:760px; }
  .hero-content { top:145px; }
  .hero-title { font-size:38px; line-height:1.35; margin-bottom:24px; }
  .hero-subtitle { font-size:17px; line-height:25px; margin-bottom:38px; }
  .trial-form {
    top:165px;
    width:400px;
    min-height:495px;
    height:auto;
    transform:scale(.84);
    transform-origin:top right;
  }

  /* 笔记本视口：整个 hero-sidebar 统一缩小，内部尺寸保持同一比例 */
  .hero-sidebar {
    transform:scale(.78);
    transform-origin:top left;
  }
  .hero-cta .btn-gradient {
    min-width:138px;
    height:40px;
    padding:0 18px;
    gap:6px;
    font-size:16px;
  }
  .hero-cta .btn-white {
    min-width:138px;
    height:40px;
    padding:0 18px;
    font-size:16px;
  }
}

/* ==================== 旋转验证码弹窗（uiverse 风格，替代内联滑块，避免撑爆 trial-form） ==================== */
.rc-modal { display:none; position:fixed; inset:0; z-index:10000; }
.rc-modal.show { display:block; }
.rc-modal-mask { position:absolute; inset:0; background:rgba(15,23,42,.5); backdrop-filter:blur(2px); }
.rc-modal-box {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:340px; max-width:calc(100vw - 32px);
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
  border:1px solid rgba(47,116,255,.12); border-radius:20px;
  padding:22px 22px 20px; box-shadow:0 24px 70px rgba(23,42,90,.28);
}
.rc-modal-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.rc-modal-title {
  font-size:17px; font-weight:700; letter-spacing:.5px;
  background:linear-gradient(90deg,#0066ff,#00b3ff);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.rc-modal-close { border:none; background:transparent; font-size:22px; line-height:1; color:#86909c; cursor:pointer; padding:2px 8px; border-radius:8px; }
.rc-modal-close:hover { background:#eef3ff; color:#0066ff; }

.rc-disk-outer {
  position:relative; width:220px; height:220px; margin:0 auto 18px;
  border-radius:50%; padding:9px;
  background:conic-gradient(from 0deg,#0b2a66,#1c4fd6,#0b2a66);
  box-shadow:0 8px 24px rgba(28,79,214,.35), inset 0 2px 6px rgba(255,255,255,.25);
}
.rc-fixed-mark {
  position:absolute; top:-4px; left:50%; transform:translateX(-50%);
  width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent;
  border-top:18px solid #ff3b3b; z-index:6;
  filter:drop-shadow(0 2px 3px rgba(255,59,59,.5));
}
.rc-disk-wrap { width:100%; height:100%; border-radius:50%; overflow:hidden; background:#1c4fd6; }
.rc-disk-img { display:block; width:100%; height:100%; transform:rotate(0deg); }

.rc-slider-track {
  position:relative; width:100%; height:46px; background:#eaf0fa;
  border-radius:23px; margin-top:2px; box-shadow:inset 0 2px 5px rgba(20,40,90,.12);
  user-select:none; -webkit-user-select:none; touch-action:none;
}
.rc-slider-btn {
  position:absolute; left:2px; top:2px; width:42px; height:42px; border-radius:50%;
  background:linear-gradient(135deg,#0066ff,#00c2ff); color:#fff; font-size:20px;
  display:flex; align-items:center; justify-content:center; cursor:grab;
  box-shadow:0 4px 12px rgba(0,102,255,.45); border:2px solid #fff;
  transition:box-shadow .2s;
}
.rc-slider-btn:active { cursor:grabbing; box-shadow:0 2px 8px rgba(0,102,255,.55); }

.rc-tip { text-align:center; margin-top:14px; font-size:14px; color:#86909c; min-height:20px; }
.rc-tip.success { color:#16a34a; }
.rc-tip.error { color:#f53f3f; }
.rc-tip.loading { color:#0066ff; }

/* 字段级错误提示：插入在对应 .form-field 下方，跟随表单流式增长，不撑爆外框 */
.field-error {
  margin: -4px 0 0 0;
  max-width: 100%;
  font-size: 13px;
  color: #f53f3f;
  line-height: 1.4;
}
/* 隐私声明 / 用户协议 弹窗（2026-08-14 新增，替代原图形验证码样式） */
.policy-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.policy-modal.show { display: block; }
.policy-modal-mask {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}
.policy-modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  max-width: 92vw;
  max-height: 82vh;
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
}
.policy-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  font-weight: 600;
  color: #111f2c;
}
.policy-modal-close {
  border: none;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  color: #86909c;
  cursor: pointer;
}
.policy-modal-body {
  padding: 20px 24px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.8;
  color: #4e5965;
}
.policy-loading {
  color: #86909c;
  text-align: center;
  padding: 30px 0;
}
.trial-tip {
  display: none;
  margin-top: 10px;
  padding: 8px 12px;
  background: #fff1f0;
  border: 1px solid #ffccc7;
  border-radius: 8px;
  color: #d4380d;
  font-size: 13px;
  line-height: 1.5;
}


/* ===== RESTORE-LOST-CSS 20260827 ===== */
/* 1) 个性化定制页 右侧试用表单历史定位(桌面绝对定位 + 1024响应式居中) */
.custom-trial-form{position:absolute;top:10px;left:968px;}
@media (max-width:1024px){.custom-trial-form{top:10px !important;left:auto;right:auto;margin:40px auto 0;width:100%;max-width:452px;height:auto;}}
/* 2) 各页 banner 标题/副标题方向入场(标题从左, 副标题从下) */
@keyframes zdBannerLeft{from{opacity:0;transform:translateX(-60px);}to{opacity:1;transform:translateX(0);}}
@keyframes zdBannerUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.product-banner-title{opacity:0;animation:zdBannerLeft .7s ease-out .1s both;}
.product-banner-subtitle{opacity:0;animation:zdBannerUp .7s ease-out .35s both;}
.join-banner h1{opacity:0;animation:zdBannerLeft .7s ease-out .1s both;}
.join-banner p{opacity:0;animation:zdBannerUp .7s ease-out .35s both;}
.news-banner h1{opacity:0;animation:zdBannerLeft .7s ease-out .1s both;}
.news-banner p{opacity:0;animation:zdBannerUp .7s ease-out .35s both;}
@media (prefers-reduced-motion:reduce){.product-banner-title,.product-banner-subtitle,.join-banner h1,.join-banner p,.news-banner h1,.news-banner p{animation:none;opacity:1;transform:none;}}

/* custom-banner-bg 20260827 */
.product-banner.product-custom{background-color:#b5d7ef;}

/* restore-index-accent 20260827 */
.hr-comparison-diagram .hr-flow-accent{width:34px;height:40px;z-index:2;}
.hr-comparison-diagram .hr-flow-accent-left{left:60px;right:auto;top:-51px;bottom:auto;}
.hr-comparison-diagram .hr-flow-accent-right{left:372px;right:auto;top:-51px;bottom:auto;}
.hr-comparison-diagram .hr-flow-accent-smart-left{left:113px;right:auto;top:-43px;bottom:auto;}
.hr-comparison-diagram .hr-flow-accent-smart-right{left:420px;right:auto;top:-51px;bottom:auto;transform:scaleX(-1);transform-origin:center;}

/* index-smart-accent-align 20260827 */
.hr-comparison-diagram .hr-flow-accent-smart-left{top:-51px;}

/* smart-accent-align 20260827 */
.hr-comparison-diagram .hr-flow-accent-smart-left,
.hr-comparison-diagram .hr-flow-accent-smart-right{top:-47px !important;bottom:auto !important;}

/* index-harrow-v2 20260827 */
.hr-flow-steps .hr-flow-harrow{flex:0 0 auto;position:relative;align-self:center;width:22px;height:2px;margin:0 8px;background:linear-gradient(90deg,#0066ff,#00d8ff);}
.hr-flow-steps .hr-flow-harrow::after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #00d8ff;}

/* index-harrow-fit 20260827 */
.hr-comparison-diagram .hr-flow-steps{gap:6px !important;padding:0 4px;box-sizing:border-box;}
.hr-flow-steps .hr-flow-harrow{width:16px;margin:0;}

/* custom-trialform-align 20260827 */
@media (max-width:1024px){
.custom-trial-form{position:relative !important;top:auto !important;left:auto !important;right:auto !important;margin:40px auto 0 !important;width:100% !important;max-width:452px !important;height:auto !important;}
}

/* hr-accent-center 20260827 */
.hr-compare-metrics .hr-flow-accent-right{left:786.5px !important;right:auto !important;transform:translateX(-50%);}
.hr-compare-metrics .hr-flow-accent-left{left:311.5px !important;right:auto !important;transform:translateX(-50%);}

/* hr-accent-right-center 20260827 */
.hr-compare-metrics > .hr-flow-accent-right{left:calc(50% + 212.2px) !important;right:auto !important;}

/* hr-accent-4align 20260827 */
.hr-compare-metrics > .hr-flow-accent-left,
.hr-compare-metrics > .hr-flow-accent-bottom-left{left:calc(50% - 262.8px) !important;right:auto !important;}
.hr-compare-metrics > .hr-flow-accent-right,
.hr-compare-metrics > .hr-flow-accent-bottom-right{left:calc(50% + 212.2px) !important;right:auto !important;}

/* hr-accent-4align-v2 20260827 */
.hr-compare-metrics .hr-flow-accent-left,
.hr-compare-metrics .hr-flow-accent-bottom-left{left:311.5px !important;right:auto !important;transform:translateX(-50%) !important;}
.hr-compare-metrics .hr-flow-accent-right,
.hr-compare-metrics .hr-flow-accent-bottom-right{left:786.5px !important;right:auto !important;transform:translateX(-50%) !important;}

/* custom-trialform-right 20260827 */
@media (min-width:1025px){
.custom-trial-form{left:calc((100% - 1420px)/2 + 968px) !important;right:auto !important;}
}

/* custom-trialform-top-fix 20260901 */
@media (min-width:1025px){
.product-banner.product-custom .custom-trial-form{top:10px !important;}
}