/* ============================================================
   GEO 功能介绍页样式（geo.css）
   来源：hokoc.sitekc.com/geoIntroduce.jsp 内容复刻为静态页
   上线引用：放在 responsive.css 之后
   <link rel="stylesheet" href="/static/default/css/geo.css" />
   图片目录：/static/default/images/geo/
   所有选择器收在 .geo-page 作用域内，避免污染全站样式
   ============================================================ */

.geo-page {
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  color: #1c273e;
  background: #f5f5f7;
  overflow: hidden;
}

.geo-page * { margin: 0; padding: 0; box-sizing: border-box; }
.geo-page ul, .geo-page li { list-style: none; }
.geo-page p { line-height: 1.5; }
.geo-page a { text-decoration: none; color: inherit; }

/* ---------- 1. 首屏 banner ---------- */
.geo-banner {
  width: 100%;
  height: 850px;
  background: url(../images/geo/geo_banner.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 150px;
}

.geo-banner .banner-inner {
  width: 1384px;
  margin: 0 auto;
  position: relative;
}

.geo-banner .banner-left { width: 600px; padding-top: 140px; }

.geo-banner .sub-title {
  width: 564px;
  height: 54px;
  background: url(../images/geo/banner-title.png) left center no-repeat;
}

.geo-banner .sub-desc {
  font-weight: 300;
  font-size: 22px;
  text-align: left;
  color: #1c273e;
  line-height: 28px;
  margin-top: 18px;
}

/* AI 工具图标跑马灯 */
.geo-banner .ai-tool {
  width: 576px;
  height: 92px;
  border-radius: 16px;
  background: #daeafe;
  margin-top: 16px;
  overflow: hidden;
  padding: 0 38px;
  position: relative;
}

.geo-banner .ai-tool-marquee { width: 100%; height: 100%; overflow: hidden; }

.geo-banner .ai-tool-marquee-inner {
  display: flex;
  width: fit-content;
  animation: geo-marquee 16s linear infinite;
}

.geo-banner .ai-tool-slide-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 60px;
  margin-top: 16px;
}

.geo-banner .ai-tool-icon {
  display: block;
  flex-shrink: 0;
  height: 60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.geo-banner .ai-tool-icon + .ai-tool-icon { margin-left: 10px; }
.geo-banner .ai-tool-icon1 { background-image: url(../images/geo/ai_tool_icon1.png); width: 180px; }
.geo-banner .ai-tool-icon2 { background-image: url(../images/geo/ai_tool_icon2.png); width: 132px; }
.geo-banner .ai-tool-icon3 { background-image: url(../images/geo/ai_tool_icon3.png); width: 176px; }
.geo-banner .ai-tool-icon4 { background-image: url(../images/geo/ai_tool_icon4.png); width: 148px; }
.geo-banner .ai-tool-icon5 { background-image: url(../images/geo/ai_tool_icon5.png); width: 144px; }

.geo-banner .ai-tool::before,
.geo-banner .ai-tool::after {
  content: "";
  width: 90px;
  height: 92px;
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 0;
  pointer-events: none;
}

.geo-banner .ai-tool::before {
  left: 0;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(90.13deg, #daeafe 0%, rgba(218, 234, 254, 0) 100%);
}

.geo-banner .ai-tool::after {
  right: 0;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(269.87deg, #daeafe 0%, rgba(218, 234, 254, 0) 100%);
}

@keyframes geo-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-830px); }
}

.geo-banner .banner-right {
  width: 712px;
  height: 518px;
  position: absolute;
  right: 0;
  top: 60px;
  background: url(../images/geo/banner-right.png) top center no-repeat;
}

/* ---------- 2. 通用内容区标题 ---------- */
.geo-content { text-align: center; }

.geo-content-title {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 0.01px;
  text-align: center;
  color: #1c273e;
  display: inline-block;
  line-height: 42px;
  margin-top: 60px;
  position: relative;
}

.geo-content-title .deco {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  opacity: 0.6;
  display: inline-block;
  position: absolute;
  top: 15px;
}

.geo-content-title .deco-left  { left: -34px; transform: rotate(-45deg); }
.geo-content-title .deco-right { right: -34px; transform: rotate(135deg); }

.geo-content-title .deco-left::before,
.geo-content-title .deco-right::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  opacity: 0.5;
  position: absolute;
  top: -18px;
}

.geo-content-title .deco-left::before  { left: -18px; }
.geo-content-title .deco-right::before { right: 20px; }

.geo-content-title .deco-left::after,
.geo-content-title .deco-right::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  opacity: 0.2;
  position: absolute;
  top: -32px;
}

.geo-content-title .deco-left::after  { left: -32px; }
.geo-content-title .deco-right::after { right: 38px; }

.geo-content-subtitle {
  color: #1c273e;
  font-size: 16px;
  letter-spacing: 0.08px;
  line-height: 22px;
  margin-top: 16px;
}

.geo-content-subtitle span { color: #5f79fb; font-weight: 700; }

/* ---------- 3. 第一屏：AI 新搜索入口（5 张卖点卡） ---------- */
.geo-content.pic1 { width: 100%; background: #fff; padding-bottom: 80px; }

.pic1 .geo-point-list {
  width: 1420px;
  margin: 46px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pic1 .geo-point-item {
  width: 264px;
  height: 300px;
  border-radius: 16px;
  margin: 0 10px;
  position: relative;
  top: 0;
  transition: all 0.3s ease;
  text-align: left;
}

.pic1 .geo-point-item:hover { box-shadow: rgba(0, 0, 0, 0.15) 0 8px 16px; top: -8px; }

.pic1 .geo-point-item.item1,
.pic1 .geo-point-item.item5 { background: linear-gradient(180deg, #d2f3ff 0%, #eaf8ff 100%); }
.pic1 .geo-point-item.item2,
.pic1 .geo-point-item.item4 { background: linear-gradient(180deg, #bdd1ff 0%, #e0eafe 100%); }
.pic1 .geo-point-item.item3 { background: linear-gradient(180deg, #d9c3fe 0%, #f3efff 100%); }

.pic1 .geo-point-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.01px;
  color: #333;
  line-height: 26px;
  margin: 24px 0 0 24px;
}

.pic1 .geo-point-desc {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.01px;
  line-height: 22px;
  color: #7f939a;
  margin: 16px 24px 0 24px;
}

.pic1 .geo-point-icon {
  width: 240px;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 12px;
  background-position: top center;
  background-repeat: no-repeat;
}

.pic1 .geo-point-icon.icon1 { background-image: url(../images/geo/mbz35.png); }
.pic1 .geo-point-icon.icon2 { background-image: url(../images/geo/mbz36.png); }
.pic1 .geo-point-icon.icon3 { background-image: url(../images/geo/mbz37.png); }
.pic1 .geo-point-icon.icon4 { background-image: url(../images/geo/mbz38.png); }
.pic1 .geo-point-icon.icon5 { background-image: url(../images/geo/mbz39.png); }

/* ---------- 4. 第二屏：一站式 GEO 解决方案（三步） ---------- */
.geo-content.pic2 { width: 100%; }

.pic2 .sec-title { padding-top: 0; }

/* 步骤通用标题（大号半透明序号压在文字中间） */
.pic2 .step-title {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.01px;
  color: #333;
  line-height: 32px;
  margin-top: 98px;
  position: relative;
  height: 32px;
}

.pic2 .step-title .step-title-num {
  position: absolute;
  font-family: Arial, "DIN Alternate", sans-serif;
  font-weight: 400;
  font-size: 80px;
  letter-spacing: 0.01px;
  color: #dae2fe;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  top: -26px;
}

.pic2 .step-title .step-title-text {
  position: absolute;
  z-index: 11;
  left: 50%;
  transform: translateX(-50%);
}

.pic2 .step-desc {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01px;
  color: #333;
  opacity: 0.7;
  line-height: 20px;
  margin-top: 14px;
}

/* 01 AI可见度诊断：左侧手风琴 + 右侧图示 */
.pic2 .mainbg1 {
  width: 100%;
  height: 857px;
  background: url(../images/geo/mainbg1.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
}

.pic2 .mainbg1-left {
  width: 570px;
  height: 460px;
  position: absolute;
  top: 376px;
  left: 50%;
  margin-left: -670px;
}

.pic2 .diagnosis {
  position: relative;
  width: 456px;
  height: 30px;
  margin-bottom: 36px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
}

.pic2 .diagnosis.active {
  width: 456px;
  height: 174px;
  border-radius: 16px;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  padding-top: 32px;
  margin-bottom: 36px;
}

.pic2 .diagnosis-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 24px;
  top: 2px;
  background-color: #3a6bfe;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.pic2 .diagnosis-icon.icon1 { -webkit-mask-image: url(../images/geo/twcwj.svg);    mask-image: url(../images/geo/twcwj.svg); }
.pic2 .diagnosis-icon.icon2 { -webkit-mask-image: url(../images/geo/sljzdc.svg);   mask-image: url(../images/geo/sljzdc.svg); }
.pic2 .diagnosis-icon.icon3 { -webkit-mask-image: url(../images/geo/xysdjg.svg);   mask-image: url(../images/geo/xysdjg.svg); }
.pic2 .diagnosis-icon.icon4 { -webkit-mask-image: url(../images/geo/jphxdb.svg);   mask-image: url(../images/geo/jphxdb.svg); }
.pic2 .diagnosis-icon.icon5 { -webkit-mask-image: url(../images/geo/aidmxfx.svg);  mask-image: url(../images/geo/aidmxfx.svg); }

.pic2 .diagnosis.active .diagnosis-icon { top: 34px; filter: brightness(0) invert(1); }

.pic2 .diagnosis-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.01px;
  color: #1c273e;
  line-height: 30px;
  margin-left: 58px;
  transition: color 0.3s ease;
}

.pic2 .diagnosis.active .diagnosis-title { color: #fff; }

.pic2 .diagnosis-desc {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01px;
  line-height: 24px;
  color: #fff;
  opacity: 0.8;
  margin: 12px 74px 0 58px;
  display: none;
}

.pic2 .diagnosis.active .diagnosis-desc { display: block; }

.pic2 .diagnosis-arrow-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
  transition: all 0.3s ease;
}

.pic2 .diagnosis-arrow-icon .arrow-icon {
  width: 26px;
  height: 26px;
  background-color: #7e8082;
  -webkit-mask: url(../images/geo/arrow_icon.svg) center no-repeat;
  mask: url(../images/geo/arrow_icon.svg) center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: rotate(90deg);
  transition: all 0.3s ease;
}

.pic2 .diagnosis.active .diagnosis-arrow-icon { top: 62px; right: 24px; background-color: #fff; }
.pic2 .diagnosis.active .arrow-icon { background-color: #3a6bfe; }

.pic2 .mainbg1-right {
  width: 720px;
  height: 510px;
  position: absolute;
  top: 342px;
  left: 50%;
  margin-left: -50px;
  border-radius: 16px;
  transition: all 0.3s ease;
  background-position: top center;
  background-repeat: no-repeat;
}

.pic2 .mainbg1-right.mainbg1_1 { background-image: url(../images/geo/main3-1.png); }
.pic2 .mainbg1-right.mainbg1_2 { background-image: url(../images/geo/main3-2.png); }
.pic2 .mainbg1-right.mainbg1_3 { background-image: url(../images/geo/main3-3.png); }
.pic2 .mainbg1-right.mainbg1_4 { background-image: url(../images/geo/main3-4.png); }
.pic2 .mainbg1-right.mainbg1_5 { background-image: url(../images/geo/main3-5.png); }

/* 02 GEO品牌监控：三卡展开 */
.pic2 .mainbg2 {
  width: 100%;
  height: 750px;
  background: #fff;
  position: relative;
  padding-top: 20px;
}

.pic2 .monitor-content {
  width: 1400px;
  height: 450px;
  margin: 85px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.pic2 .monitor-list {
  flex: 1 1 280px;
  max-width: 280px;
  height: 450px;
  border: 1px solid #cfe0fc;
  border-radius: 16px;
  transition: all 0.3s ease;
  position: relative;
  margin-left: -24px;
}

.pic2 .monitor-list.list1 { margin-left: 0; }

.pic2 .monitor-border1 .monitor-list,
.pic2 .monitor-border2 .monitor-list.list3 { border-left: none; border-radius: 0 16px 16px 0; }

.pic2 .monitor-border1 .monitor-list.list1,
.pic2 .monitor-border2 .monitor-list.list1 { border-left: 1px solid #cfe0fc; border-radius: 16px 0 0 16px; }

.pic2 .monitor-border3 .monitor-list.list1 { border-right: none; border-radius: 16px 0 0 16px; }
.pic2 .monitor-border3 .monitor-list.list2 { border-radius: 0; }
.pic2 .monitor-border3 .monitor-list.list3 { border-radius: 0 16px 16px 0; }

.pic2 .monitor-list.active {
  flex: 1 1 840px;
  max-width: 840px;
  background: url(../images/geo/monitor_center_bg.png) top center no-repeat;
  border-radius: 14px;
}

.pic2 .monitor-list .monitor-trend {
  width: 530px;
  height: 470px;
  position: absolute;
  left: 40px;
  top: -50px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background-position: top center;
  background-repeat: no-repeat;
}

.pic2 .monitor-list.active .monitor-trend { opacity: 1; }
.pic2 .monitor-trend.monitor-trend-1 { background-image: url(../images/geo/monitor_trend_1.png); }
.pic2 .monitor-trend.monitor-trend-2 { background-image: url(../images/geo/monitor_trend_2.png); }
.pic2 .monitor-trend.monitor-trend-3 { background-image: url(../images/geo/monitor_trend_3.png); }

.pic2 .monitor-item {
  width: 280px;
  height: 450px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}

.pic2 .monitor-icon {
  width: 40px;
  height: 40px;
  background-color: #d0e0fc;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.3s ease;
  margin: 64px 0 0 40px;
}

.pic2 .monitor-icon.zdjkzd { -webkit-mask-image: url(../images/geo/zdjkzd.svg); mask-image: url(../images/geo/zdjkzd.svg); }
.pic2 .monitor-icon.jpsszz { -webkit-mask-image: url(../images/geo/jpsszz.svg); mask-image: url(../images/geo/jpsszz.svg); }
.pic2 .monitor-icon.twcdz  { -webkit-mask-image: url(../images/geo/twcdz.svg);  mask-image: url(../images/geo/twcdz.svg); }

.pic2 .monitor-list.active .monitor-icon { background-color: #fff; }

.pic2 .monitor-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.01px;
  color: #2b2c43;
  line-height: 30px;
  margin: 20px 0 0 40px;
  transition: color 0.3s ease;
}

.pic2 .monitor-list.active .monitor-title { color: #fff; }

.pic2 .monitor-desc {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01px;
  line-height: 24px;
  color: #999;
  opacity: 0.8;
  margin: 40px 40px 0 40px;
  transition: color 0.3s ease;
}

.pic2 .monitor-list.active .monitor-desc { color: #fff; }

.pic2 .monitor-bottom-line { width: 70px; height: 4px; background: #356ffd; margin: 54px 0 0 40px; }
.pic2 .monitor-list.active .monitor-bottom-line { background: #fec666; }

/* 03 GEO内容创作：左二卡 + 右图示 */
.pic2 .mainbg3 {
  width: 100%;
  height: 850px;
  background: url(../images/geo/mainbg3.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 40px;
}

.pic2 .creation-content {
  width: 1400px;
  height: 560px;
  margin: 40px auto 0;
  border-radius: 16px;
  position: relative;
}

.pic2 .creation-left { width: 422px; height: 560px; }

.pic2 .creation-item {
  width: 422px;
  height: 280px;
  background: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-align: left;
}

.pic2 .creation-item::before {
  content: "";
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: url(../images/geo/creation_left_bg.png) top center no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.pic2 .creation-item.item1 { border-radius: 16px 0 0 0; }
.pic2 .creation-item.item2 { border-radius: 0 0 0 16px; margin-top: -3px; }
.pic2 .creation-item.active::before { opacity: 1; }

.pic2 .creation-item-icon,
.pic2 .creation-item-title,
.pic2 .creation-item-desc { position: relative; z-index: 1; }

.pic2 .creation-item-icon {
  width: 40px;
  height: 40px;
  margin: 68px 0 0 40px;
  background-color: #3a6bfe;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.pic2 .creation-item.item1 .creation-item-icon { -webkit-mask-image: url(../images/geo/aizncz.svg); mask-image: url(../images/geo/aizncz.svg); }
.pic2 .creation-item.item2 .creation-item-icon { -webkit-mask-image: url(../images/geo/zsppzk.svg); mask-image: url(../images/geo/zsppzk.svg); }
.pic2 .creation-item.active .creation-item-icon { background-color: #fff; }

.pic2 .creation-item-title {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.01px;
  color: #2b2c43;
  line-height: 30px;
  margin: 16px 0 0 40px;
  transition: color 0.3s ease;
}

.pic2 .creation-item.active .creation-item-title { color: #fff; }

.pic2 .creation-item-desc {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01px;
  line-height: 24px;
  color: #999;
  margin: 16px 40px 0 40px;
  transition: color 0.3s ease;
}

.pic2 .creation-item.active .creation-item-desc { color: #fff; }

.pic2 .creation-right {
  width: 978px;
  height: 560px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease;
  background-position: top center;
  background-repeat: no-repeat;
}

.pic2 .creation-right.main5p1 { background-image: url(../images/geo/main5p1.jpg); }
.pic2 .creation-right.main5p2 { background-image: url(../images/geo/main5p2.jpg); }

/* ---------- 5. 第三屏：全链路运营闭环（六项环绕） ---------- */
.geo-content.pic3 {
  width: 100%;
  height: 750px;
  background: url(../images/geo/pic3.png) top center no-repeat;
  background-size: cover;
  position: relative;
}

.pic3 .ring {
  width: 1451px;
  height: 574px;
  background: url(../images/geo/ring.png) top center no-repeat;
  position: absolute;
  top: 176px;
  left: 50%;
  transform: translateX(-50%);
}

.pic3 .ring-item { position: absolute; width: 252px; text-align: center; }
.pic3 .ring-item.item1 { left: 150px;  top: 35px; }
.pic3 .ring-item.item2 { left: 50%; transform: translateX(-50%); top: 35px; }
.pic3 .ring-item.item3 { right: 150px; top: 35px; }
.pic3 .ring-item.item4 { right: 150px; top: 336px; }
.pic3 .ring-item.item5 { left: 50%; transform: translateX(-50%); top: 336px; }
.pic3 .ring-item.item6 { left: 150px;  top: 336px; }

.pic3 .ring-item-title { font-weight: 700; font-size: 24px; color: #2b2c43; line-height: 32px; }
.pic3 .ring-item-desc { font-weight: 400; font-size: 13px; letter-spacing: 0.01px; line-height: 22px; color: #333; margin-top: 82px; }

/* ---------- 6. 方案选择 + 版本对比表 ---------- */
.geo-content.plan { width: 100%; background: transparent; padding-bottom: 90px; }

.geo-table-wrap {
  width: 1240px;
  margin: 50px auto 0;
  overflow-x: auto;
}

.geo-table {
  border-collapse: collapse;
  margin: 0 auto;
  background: #fff;
  font-size: 14px;
  color: #595959;
  table-layout: fixed;
  width: 1216px;
}

/* 表头：版本卡 */
.geo-table thead th {
  vertical-align: top;
  padding: 0;
  border: none;
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
}

.geo-table .th-left {
  width: 380px;
  border-top: 4px solid #a6b9d3;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  padding: 18px 0 14px;
  font-size: 18px;
  color: #1c273e;
  font-weight: 700;
}

.geo-table .th-left .th-left-sub {
  font-size: 12px;
  color: #999;
  font-weight: 400;
  margin-top: 10px;
  border-bottom: 2px solid #a6b9d3;
  display: inline-block;
  padding-bottom: 4px;
}

.geo-table .th-left .th-left-sub i { font-style: normal; margin: 0 8px; color: #c9c9c9; }

.geo-table .th-col { width: 209px; border: 1px solid #e2e2e2; border-top: none; }

.geo-version-card {
  height: 187px;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.geo-version-card .card-face {
  height: 187px;
  transition: transform 0.25s ease;
  will-change: transform;
}

.geo-version-card:hover .card-face { transform: translateY(-187px); }

/* 正面：图标+版本名 */
.geo-version-card .face-front { padding-top: 24px; }
.geo-version-card .face-front .v-photo { width: 100%; height: 110px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.geo-version-card .face-front .v-name,
.geo-version-card .face-back .v-name { font-size: 16px; color: #1c273e; font-weight: 700; text-align: center; line-height: 22px; }

/* 背面：价格+按钮 */
.geo-version-card .face-back { padding-top: 14px; text-align: center; }
.geo-version-card .face-back .v-price { font-size: 14px; color: #1c273e; line-height: 30px; }
.geo-version-card .face-back .v-price b { font-size: 18px; color: #ff6a3c; font-weight: 700; }
.geo-version-card .face-back .v-price.free { font-size: 15px; line-height: 34px; }
.geo-version-card .face-back .v-btn {
  display: inline-block;
  width: 96px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  transition: opacity 0.2s ease;
}
.geo-version-card .face-back .v-btn:hover { opacity: 0.85; }

/* 每列顶条配色（对应源站 th-td-0..3） */
.geo-table .th-col.col0 .geo-version-card { border-top: 4px solid #88a2c9; }
.geo-table .th-col.col1 .geo-version-card { border-top: 4px solid #23d39b; }
.geo-table .th-col.col2 .geo-version-card { border-top: 4px solid #12bfe8; }
.geo-table .th-col.col3 .geo-version-card { border-top: 4px solid #a792ff; }

/* 表体 */
.geo-table tbody td {
  border: 1px solid #e8e8e8;
  border-left: none;
  border-top: none;
  height: 54px;
  line-height: 22px;
  padding: 8px 12px;
  text-align: center;
  color: #595959;
  background: #fff;
}

.geo-table tbody td.td-group {
  width: 170px;
  font-size: 15px;
  font-weight: 700;
  color: #1c273e;
  background: #f7f9ff;
  border-left: 1px solid #e8e8e8;
}

.geo-table tbody td.td-name {
  width: 210px;
  text-align: left;
  padding-left: 20px;
  color: #333;
  background: #fbfcff;
}

.geo-table tbody td .icon-check {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #35c77f;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 17.6 4 12.1l1.9-1.9 3.6 3.6 8.6-8.6L20 7.1z'/%3E%3C/svg%3E") center no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 17.6 4 12.1l1.9-1.9 3.6 3.6 8.6-8.6L20 7.1z'/%3E%3C/svg%3E") center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}

.geo-table tbody td .icon-error {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #d0d5dd;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.3 5.7 12 12l-6.3-6.3L4.3 7.1 10.6 13.4l-6.3 6.3 1.4 1.4 6.3-6.3 6.3 6.3 1.4-1.4-6.3-6.3 6.3-6.3z'/%3E%3C/svg%3E") center no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.3 5.7 12 12l-6.3-6.3L4.3 7.1 10.6 13.4l-6.3 6.3 1.4 1.4 6.3-6.3 6.3 6.3 1.4-1.4-6.3-6.3 6.3-6.3z'/%3E%3C/svg%3E") center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}

/* 加载更多 */
.geo-table-more {
  width: 200px;
  height: 44px;
  line-height: 44px;
  margin: 30px auto 0;
  border: 1px solid #5f79fb;
  border-radius: 22px;
  color: #5f79fb;
  font-size: 15px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
}

.geo-table-more:hover { background: #5f79fb; color: #fff; }

.geo-plan-note {
  width: 1240px;
  margin: 40px auto 0;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 24px;
}

/* CTA */
.geo-cta { margin-top: 50px; }

.geo-cta .cta-btn {
  display: inline-block;
  width: 240px;
  height: 54px;
  line-height: 54px;
  border-radius: 27px;
  background: linear-gradient(125.29deg, #674aff 0%, #2288fc 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.geo-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(64, 110, 255, 0.35); }

/* ============================================================
   响应式：1440 以下收缩、1080 以下转移动端堆叠
   ============================================================ */
@media (max-width: 1440px) {
  .geo-banner .banner-inner { width: 1180px; }
  .geo-banner .banner-right { width: 560px; height: 420px; background-size: contain; top: 110px; }
  .pic1 .geo-point-list { width: 1120px; }
  .pic1 .geo-point-item { width: 200px; margin: 0 6px 12px; }
  .pic1 .geo-point-icon { transform: scale(0.82); transform-origin: bottom center; }
  .pic2 .mainbg1-left { margin-left: -560px; }
  .pic2 .diagnosis, .pic2 .diagnosis.active { width: 400px; }
  .pic2 .mainbg1-right { transform: scale(0.85); transform-origin: left top; margin-left: -10px; }
  .pic2 .monitor-content,
  .pic2 .creation-content { width: 1100px; }
  .pic2 .monitor-list { flex: 1 1 240px; max-width: 240px; }
  .pic2 .monitor-list.active { flex: 1 1 620px; max-width: 620px; background-size: cover; }
  .pic2 .monitor-trend { transform: scale(0.8); transform-origin: left bottom; }
  .pic3 .ring { transform: translateX(-50%) scale(0.85); transform-origin: top center; }
}

@media (max-width: 1080px) {
  /* banner：改堆叠，图片隐藏，恢复自适应高度（对齐海客 banner 定版做法 height:auto+padding） */
  .geo-banner { height: auto; padding: 50px 15px 60px; background-size: cover; background-position: center; }
  .geo-banner .banner-inner { width: 100%; }
  .geo-banner .banner-left { width: 100%; padding-top: 0; }
  .geo-banner .sub-title { width: 100%; max-width: 564px; height: 40px; background-size: contain; background-position: left center; }
  .geo-banner .sub-desc { font-size: 16px; line-height: 24px; }
  .geo-banner .ai-tool { width: 100%; max-width: 576px; }
  .geo-banner .banner-right { display: none; }

  .geo-content-title { font-size: 22px; line-height: 30px; margin-top: 40px; padding: 0 30px; }
  .geo-content-title .deco-left { left: -8px; }
  .geo-content-title .deco-right { right: -8px; }
  .geo-content-title .deco-left::after, .geo-content-title .deco-left::before { left: -2px; }
  .geo-content-subtitle { font-size: 14px; padding: 0 15px; }

  /* 卖点卡改两列堆叠 */
  .geo-content.pic1 { padding-bottom: 40px; }
  .pic1 .geo-point-list { width: 100%; padding: 0 15px; margin-top: 30px; }
  .pic1 .geo-point-item { width: calc(50% - 12px); height: auto; min-height: 260px; margin: 0 6px 12px; }
  .pic1 .geo-point-icon { position: static; width: 180px; height: 110px; margin: 10px auto 0; transform: none; background-size: contain; }

  /* 三步：堆叠流式 */
  .pic2 .step-title { margin-top: 60px; }
  .pic2 .step-desc { padding: 0 15px; }

  .pic2 .mainbg1 { height: auto; background-size: auto 100%; padding-bottom: 40px; }
  .pic2 .mainbg1-left { position: static; width: 100%; height: auto; padding: 30px 15px 0; }
  .pic2 .diagnosis, .pic2 .diagnosis.active { width: 100%; }
  .pic2 .diagnosis-desc { margin-right: 20px; }
  .pic2 .mainbg1-right { position: static; margin: 24px auto 0; width: calc(100% - 30px); height: auto; aspect-ratio: 720 / 510; transform: none; background-size: contain; }

  .pic2 .mainbg2 { height: auto; padding-bottom: 40px; }
  .pic2 .monitor-content { width: 100%; height: auto; flex-direction: column; margin-top: 30px; padding: 0 15px; }
  .pic2 .monitor-list,
  .pic2 .monitor-list.active { flex: none; width: 100%; max-width: 100%; height: auto; min-height: 300px; margin: 0 0 16px; border: 1px solid #cfe0fc !important; border-radius: 16px !important; background-size: cover; }
  .pic2 .monitor-item { position: static; width: 100%; height: auto; padding-bottom: 30px; }
  .pic2 .monitor-icon { margin-top: 30px; }
  .pic2 .monitor-desc { margin: 20px 20px 0; }
  .pic2 .monitor-bottom-line { margin: 24px 0 0 40px; }
  .pic2 .monitor-list .monitor-trend { position: static; width: 100%; height: 180px; opacity: 0; max-height: 0; transform: none; background-size: contain; }
  .pic2 .monitor-list.active .monitor-trend { opacity: 1; max-height: 180px; margin-bottom: 10px; }

  .pic2 .mainbg3 { height: auto; padding-bottom: 40px; }
  .pic2 .creation-content { width: 100%; height: auto; padding: 30px 15px 0; }
  .pic2 .creation-left { width: 100%; height: auto; }
  .pic2 .creation-item { width: 100%; height: auto; padding-bottom: 24px; }
  .pic2 .creation-item.item2 { margin-top: 12px; border-radius: 0 0 16px 16px; }
  .pic2 .creation-item::before { background-size: cover; }
  .pic2 .creation-item-icon { margin: 30px 0 0 24px; }
  .pic2 .creation-item-title { margin: 12px 0 0 24px; }
  .pic2 .creation-item-desc { margin: 10px 24px 0; }
  .pic2 .creation-right { position: static; width: 100%; height: auto; aspect-ratio: 978 / 560; margin-top: 16px; background-size: contain; }

  /* 环形图：改为两列网格 */
  .geo-content.pic3 { height: auto; padding-bottom: 50px; }
  .pic3 .ring { position: static; width: 100%; height: auto; transform: none; background: none; margin-top: 30px; padding: 0 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .pic3 .ring-item { position: static; width: auto; text-align: left; background: rgba(255, 255, 255, 0.85); border: 1px solid #d8e4ff; border-radius: 12px; padding: 16px; }
  .pic3 .ring-item.item2, .pic3 .ring-item.item5 { transform: none; }
  .pic3 .ring-item-title { font-size: 16px; }
  .pic3 .ring-item-desc { font-size: 12px; margin-top: 8px; text-align: left; }

  /* 版本表：横向滚动 */
  .geo-table-wrap { width: 100%; padding: 0 15px; margin-top: 30px; }
  .geo-plan-note { width: 100%; padding: 0 15px; }
  .geo-cta .cta-btn { width: 200px; height: 48px; line-height: 48px; font-size: 16px; }
}