/* ==========================================================================
   本文件由 tools/scope_css.py 从 style.css 生成，不要直接手改。
   全部选择器已作用域化到 #geo-root 之下，可安全内联进第三方宿主页面：
     · 宿主样式打不进来（#geo-root 特异性高于类选择器）
     · 本组件的样式也泼不出去（* / html / body / :root 四条全局规则已改写）
   ========================================================================== */
/* ==========================================================================
   上策 GEO · AI搜索优化 — 1:1 还原
   设计画布 1920px 宽、总高 6848px，对应 images/GEO_01..10.jpg 十张切片。
   字体：拉丁用 Arial Black，中文用 思源黑体 Heavy（Source Han Sans CN）。
   ========================================================================== */

#geo-root{
  --purple:      #6A1685;   /* 主紫 */
  --purple-deep: #5B2C8D;
  --purple-pill: #5E1F76;
  --pink-pill:   #DB81B2;
  --red:         #E6233C;
  --orange:      #EF6918;
  --orange-1:    #E63929;
  --orange-2:    #F7A81B;
  --font-black: "Arial Black","Source Han Sans CN","Microsoft YaHei",sans-serif;
  --font-cn:    "Source Han Sans CN","Microsoft YaHei","PingFang SC",sans-serif;
  /* 思源黑体的三档字重（系统安装的是 SourceHanSansCN-*.otf，必须写全名才可靠） */
  --font-heavy: "Source Han Sans CN Heavy","Source Han Sans CN","Microsoft YaHei",sans-serif;
  --font-bold:  "Source Han Sans CN Bold","Source Han Sans CN","Microsoft YaHei",sans-serif;
  --font-med:   "Source Han Sans CN Medium","Source Han Sans CN","Microsoft YaHei",sans-serif;
  --font-reg:   "Source Han Sans CN","Microsoft YaHei",sans-serif;
  /* 正文实际比 Regular 更细，实测 ExtraLight 与设计稿最贴合 */
  --font-xl:    "Source Han Sans CN ExtraLight","Source Han Sans CN","Microsoft YaHei",sans-serif;
}

#geo-root,#geo-root *{ margin:0; padding:0; box-sizing:border-box; }

#geo-root{
  width:1920px;
  /* 视口比 1920 宽时整页居中；比 1920 窄时 auto 退化成 0，
     内容仍从左边开始并出现横向滚动条（定宽设计稿就该这样，不能被压扁）。 */
  margin:0 auto;
  font-family:var(--font-cn);
  -webkit-font-smoothing:antialiased;
}
#geo-root{ width:1920px; overflow:hidden; }
#geo-root .sec{ position:relative; width:1920px; overflow:hidden; }

/* ==========================================================================
   01 · 首屏
   ========================================================================== */
#geo-root .hero{
  height:721px;
  background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_01.png) no-repeat 0 0;
  background-size:1920px 721px;
}

/* GEO + O + ＋ + Agent —— 各部件绝对定位，逐个对齐设计稿 */
#geo-root .hero-logo{ position:absolute; left:0; top:0; width:1920px; height:721px; }
#geo-root .hero-logo > *{ position:absolute; line-height:1; font-family:var(--font-black); font-weight:900; }

#geo-root .lg-ge{ left:199px; top:121px; font-size:107px; color:var(--purple); letter-spacing:-0.02em; }
#geo-root .lg-o{ left:355px; top:138px; }
#geo-root .lg-plus{ left:452px; top:159px; }
#geo-root .lg-agent{ left:501px; top:133px; font-size:89px;  color:var(--red); letter-spacing:0.003em; }

/* 右上橙色药丸 */
#geo-root .hero-tag{
  position:absolute; left:818px; top:143px;
  width:283px; height:76px;
  display:flex; align-items:center; justify-content:center;
  border-radius:20px;
  background:linear-gradient(90deg,var(--orange-1),var(--orange-2));
  color:#fff; font-family:var(--font-black); font-weight:900;
  font-size:45.5px; line-height:1;
}

/* 主标题下的细分割线 */
#geo-root .hero-divider{
  position:absolute; left:204px; top:243px;
  width:586px; height:2px;
  background:linear-gradient(90deg,#6A1685,#D08CBE);
}

/* 主标题（中文比雅黑/思源更宽，用 scaleX 补齐字宽） */
#geo-root .hero-title{
  position:absolute; left:204px; top:261px;
  font-family:var(--font-black); font-weight:900;
  font-size:77.4px; line-height:1; color:var(--purple);
  word-spacing:-8.9px;
}

/* 两条紫色药丸 */
#geo-root .hero-sub1,#geo-root .hero-sub2{
  position:absolute; left:204px;
  width:583px; height:51px;
  display:flex; align-items:center;
  padding-left:21px;
  border-radius:14px;
  background:linear-gradient(90deg,var(--purple-pill),var(--pink-pill));
  color:#fff; font-family:var(--font-black); font-weight:900; line-height:1;
  letter-spacing:-0.025em;
}
#geo-root .hero-sub1{ top:366px; font-size:30px; }
#geo-root .hero-sub2{ top:445px; font-size:30px; }

/* ==========================================================================
   02 · 我们能为企业做什么？
   紫色大卡片、机器人插画、白色方案卡、日历图标、橙色按钮全部保留在背景位图中，
   HTML 只负责文字层 —— 这样半透明艺术背景与渐变能做到 1:1。
   ========================================================================== */
#geo-root .s02{
  height:676px;
  background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_02.png) no-repeat 0 0;
  background-size:1920px 676px;
}
#geo-root .s02-h{
  position:absolute; left:765px; top:68px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:38.6px; line-height:1; color:#111;
}
#geo-root .s02-sub{
  position:absolute; left:603px; top:126px;
  font-family:var(--font-reg); font-size:20.1px; line-height:1; color:#444; word-spacing:1px;
}

/* 紫色卡片内的白色标题 */
#geo-root .s02-cardtitle{
  position:absolute; left:249px; top:293px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:35px; line-height:1; color:#fff;
  transform:scaleX(1.0147); transform-origin:0 0;
}
#geo-root .s02-tag{
  position:absolute; left:272px; top:359px;
  font-family:var(--font-med); font-size:16px; line-height:1; color:#5D0678;
}

/* 服务交付清单 */
#geo-root .s02-list{ position:absolute; left:0; top:0; width:1920px; height:676px; }
#geo-root .s02-list p{
  position:absolute; left:287px;
  font-family:var(--font-reg); font-size:15.9px;
  line-height:1; color:#fff; white-space:nowrap; word-spacing:1.6px;
}
#geo-root .s02-list .dot{
  position:absolute; width:8px; height:7px; border-radius:50%; background:#fff;
}

/* 季度 / 半年度 / 全年度 */
#geo-root .s02-plan{
  position:absolute; top:413px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:23.6px; line-height:1; color:#5D0678;
}
/* 橙色按钮上的白字 */
#geo-root .s02-btn{
  position:absolute; top:495px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:19.9px; line-height:1; color:#fff;
  text-decoration:none;
}

/* ==========================================================================
   03 · 什么是 GEO？
   六个平台 logo 切成独立图片（assets/img/p03_*.png），背景位图里对应区域已填白。
   ========================================================================== */
#geo-root .s03{
  height:798px;
  background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_03.png) no-repeat 0 0;
  background-size:1920px 798px;
}
#geo-root .s03-circle{
  position:absolute; left:826px; top:11px;
  width:60px; height:60px; border-radius:50%; background:#FAE5EE;
}
#geo-root .s03-h{
  position:absolute; left:857px; top:23px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:38.5px; line-height:1; color:#111;
}
#geo-root .s03-p{
  position:absolute;
  font-family:var(--font-reg); font-size:24px;
  line-height:1; color:#444; white-space:nowrap; word-spacing:1.2px;
}
#geo-root .s03-logo{ position:absolute; display:block; }
#geo-root .s03-name{
  position:absolute;
  font-family:var(--font-med); font-size:21.3px;
  line-height:1; color:#222; white-space:nowrap; word-spacing:1.2px;
}
#geo-root .s03-desc{
  position:absolute;
  font-family:var(--font-reg); font-size:21.2px;
  line-height:1; color:#555; white-space:nowrap; word-spacing:1.2px;
}
#geo-root .s03-iter{
  position:absolute;
  font-family:var(--font-heavy); font-weight:900;
  font-size:50.5px; line-height:1; color:#F29100;
  white-space:nowrap; word-spacing:2px;
}
#geo-root .s03-iter2{ font-size:48.7px; }
#geo-root .s03-kimi{ font-size:19.4px; }


/* ==========================================================================
   04 · 企业的 AI 时代
   整段为纯白底，全部用 CSS 绘制（无背景位图）。
   ========================================================================== */
#geo-root .s04{ height:583px; background:#fff; }

/* 标题左侧的粉色装饰圆（与 03 同色） */
#geo-root .s04-circle{
  position:absolute; left:827px; top:45px;
  width:59px; height:59px; border-radius:50%; background:#FAE5EE;
}
#geo-root .s04-h{
  position:absolute; left:854px; top:59px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:39.2px; line-height:1; color:#111; white-space:nowrap;
}

/* 三枚粉色胶囊标签（宽 304 / 高 41 / 全圆角） */
#geo-root .s04-pill{
  position:absolute; top:162px;
  width:304px; height:41px; border-radius:20.5px;
  background:#FAE5EE;
}
#geo-root .s04-ptag{
  position:absolute; top:170px;
  font-family:var(--font-med); font-size:26px; word-spacing:1.5px;
  line-height:1; color:#3D3D3F; white-space:nowrap;
}

/* 45 / 3.6 —— 细笔画橙色大数字 */
#geo-root .s04-num{
  position:absolute; top:215px;
  font-family:Arial,Helvetica,sans-serif; font-weight:400;
  font-size:83px; line-height:1; color:#F08F03;
  letter-spacing:-2.9px;
}
#geo-root .s04-num2{ letter-spacing:-0.75px; left:1493px; }
/* 「亿」＝ 橙色实心圆 + 白字 */
#geo-root .s04-yi{
  position:absolute; left:0; top:242px;
  width:44px; height:44px; border-radius:50%;
  background:#F08F03;
  display:flex; align-items:center; justify-content:center;
}
#geo-root .s04-yi i{
  font-style:normal; font-family:var(--font-reg);
  font-size:26px; line-height:1; color:#fff;
}

/* 智能体 / 具身智能发展 */
#geo-root .s04-or{
  position:absolute;
  font-family:var(--font-heavy); font-weight:900;
  font-size:28.9px; line-height:1; color:#F08F03; white-space:nowrap;
}

/* 三组说明文字 */
#geo-root .s04-cap{
  position:absolute;
  font-family:var(--font-xl); font-size:28.9px;
  line-height:1; color:#3E3D3E; white-space:nowrap; word-spacing:7px;
}

/* IDC 段落 */
#geo-root .s04-p{
  position:absolute; left:187px;
  font-family:var(--font-xl); font-size:24.5px; line-height:1; color:#3E3D3E;
  white-space:nowrap;
}


/* ==========================================================================
   05 · 如何让您的信息出现在 AI 搜索结果
   聊天气泡、问号图标、头像、橙色 AI 块全部保留在背景位图里（bg_05.png），
   HTML 只重绘文字层。
   ========================================================================== */
#geo-root .s05{
  height:848px;
  background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_05.png) no-repeat 0 0;
  background-size:1920px 848px;
}
#geo-root .s05-circle{
  position:absolute; left:667px; top:28px;
  width:59px; height:59px; border-radius:50%; background:#FAE5EE;
}
#geo-root .s05-h{
  position:absolute; left:690px; top:44px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:40.1px; line-height:1; color:#111; white-space:nowrap;
}
#geo-root .s05-sub{
  position:absolute; left:731px; top:103px;
  font-family:var(--font-reg); font-size:24.3px;
  line-height:1; color:#3E3D3E; white-space:nowrap;
}
/* 气泡内提问文字 */
#geo-root .s05-q{
  position:absolute;
  font-family:var(--font-reg); font-size:29.7px;
  line-height:1; color:#0E0A08; white-space:nowrap;
}


/* ==========================================================================
   06 · 紫色渐变横幅
   背景实测为纯水平线性渐变（垂直方向零变化），由 #601F7B 到 #DE82B3。
   ========================================================================== */
#geo-root .s06{
  height:223px;
  background:linear-gradient(90deg,#601F7B 0%,#DE82B3 100%);
}
#geo-root .s06-l1{
  position:absolute; left:475px; top:56px;
  font-family:var(--font-reg); font-size:35.2px;
  line-height:1; color:#fff; white-space:nowrap; word-spacing:1px;
}
#geo-root .s06-l2{
  position:absolute; left:483px; top:120px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:41.3px; line-height:1; color:#fff; white-space:nowrap; word-spacing:1px;
}


/* ==========================================================================
   07 · GEO 能给企业带来什么？
   四张卡片（粉区插画 + 白区文字）全部保留在背景位图中，HTML 只重绘文字。
   ========================================================================== */
#geo-root .s07{
  height:785px;
  background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_07.png) no-repeat 0 0;
  background-size:1920px 785px;
}
#geo-root .s07-circle{
  position:absolute; left:759px; top:55px;
  width:59px; height:59px; border-radius:50%; background:#FAE5EE;
}
#geo-root .s07-h{
  position:absolute; left:782px; top:71px;
  font-family:var(--font-heavy); font-weight:900;
  font-size:39px; line-height:1; color:#111; white-space:nowrap;
}
#geo-root .s07-sub{
  position:absolute; left:636px; top:130px;
  font-family:var(--font-reg); font-size:24.2px;
  line-height:1; color:#3E3D3E; white-space:nowrap;
}
#geo-root .s07-ct{
  position:absolute;
  font-family:var(--font-heavy); font-weight:900;
  font-size:28.3px; line-height:1; color:#111; white-space:nowrap;
}
#geo-root .s07-d{
  position:absolute; top:590px; width:400px;
  font-family:var(--font-reg); font-size:18.2px;
  line-height:30px; color:#3E3D3E; text-align:center;
}

/* ==========================================================================
   08–10 占位（逐步实现）
   ========================================================================== */ #geo-root .s06{ height:223px; } #geo-root .s07{ height:785px; }
#geo-root .s08{ height:876px; background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_08.png) no-repeat 0 0; background-size:1920px 876px; }
  #geo-root .s08-h{ position:absolute; left:191px; top:136px; font-family:var(--font-heavy); font-weight:900; font-size:40.2px; line-height:1; color:#fff; white-space:nowrap; }
  #geo-root .s08-mi{ position:absolute; font-family:var(--font-med); font-size:25.4px; line-height:1; color:#fff; white-space:nowrap; }

/* ==========================================================================
   09 · 3大服务核心 6大服务保障
   卡片渐变、装饰图案、小图标全部保留在背景位图中，HTML 只画文字层。
   ========================================================================== */
#geo-root .s09{ height:979px; background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_09.png) no-repeat 0 0; background-size:1920px 979px; }
  #geo-root .s09-circle{ position:absolute; left:759px; top:81px; width:60px; height:60px; border-radius:50%; background:#FAE5EE; }
  #geo-root .s09-h{ position:absolute; left:784px; top:100px; font-family:var(--font-cn); font-weight:700; font-size:38.9px; line-height:1; color:#111; white-space:nowrap; }
  #geo-root .s09-sub{ position:absolute; left:606px; top:157px; font-family:var(--font-reg); font-size:24.6px; line-height:1; color:#222; white-space:nowrap; }
  #geo-root .s09-chip{ position:absolute; font-family:var(--font-cn); font-weight:700; font-size:34.4px; line-height:1; white-space:nowrap; }
  #geo-root .s09-lt{ position:absolute; font-family:var(--font-cn); font-weight:700; font-size:23px; line-height:1; color:#111; white-space:nowrap; }
  #geo-root .s09-ld{ position:absolute; font-family:var(--font-reg); font-size:16.2px; line-height:22px; color:#454546; white-space:nowrap; }
  #geo-root .s09-rt{ position:absolute; width:260px; text-align:center; font-family:var(--font-cn); font-weight:700; font-size:23px; line-height:1; color:#111; }
  #geo-root .s09-rd{ position:absolute; width:260px; text-align:center; font-family:var(--font-reg); font-size:16.1px; line-height:22.4px; color:#454546; }

#geo-root .s10{ height:359px; background:url(
https://yixingqituo.oss-cn-hangzhou.aliyuncs.com/yxwlgs/geo/images/bg_10.png) no-repeat 0 0; background-size:1920px 359px; }
  #geo-root .s10-l1,#geo-root .s10-l2{ position:absolute; font-family:var(--font-heavy); font-weight:900; line-height:1; color:#fff; white-space:nowrap; text-decoration:none; }
  #geo-root .s10-l1{ left:192px; top:46px; font-size:55.3px; }
  #geo-root .s10-l2{ left:190px; top:129px; font-size:55.2px; }
  #geo-root .s10-btn{ position:absolute; left:263px; top:252px; font-family:var(--font-heavy); font-weight:900; font-size:35.8px; line-height:1; color:#fff; white-space:nowrap; text-decoration:none; }


/* ==========================================================================
   动效层（配合 assets/js/reveal.js）
   --------------------------------------------------------------------------
   所有动画都挂在 <html class="js"> 之下。这个类由 index.html <head> 里的内联
   脚本添加，且只在用户「没有开启系统减弱动态效果」时才加。于是三种情况下页面
   都是完全静止的：
     · 浏览器禁用了 JS
     · 用户在系统里开启了「减弱动态效果」
     · tools/shot.sh 截图时传入 --force-prefers-reduced-motion
   因此 1:1 还原的像素比对结果不受任何影响。

   这里的属性全部是 transform / opacity / filter / box-shadow，
   不会改变任何元素的计算尺寸与位置，布局与静态版逐像素一致。
   ========================================================================== */

/* 所有入场动画共用一套 .rv：CSS 只声明初始态与终态，中间由 transition 播放
   一段 0.62 秒的动作；reveal.js 负责决定「什么时候」给元素加上 .rv-in。

   触发时机是「滚动到位置就完整播一遍」，而不是把动画进度直接挂在滚动位置上。
   后者（滚多少播多少）试过，问题是整个动作会被摊在两百来像素的滚动距离里 ——
   滚轮一格就是一百来像素，一下就带过去了，看上去跟没有动画一样。 */

/* ---- 初始态 ---- */
#geo-root.js .rv{
  opacity:0;
  will-change:transform,opacity;
  transition:opacity .62s cubic-bezier(.22,.61,.36,1),
             transform .62s cubic-bezier(.22,.61,.36,1);
}
#geo-root.js .rv-up{ transform:translateY(18px); }
#geo-root.js .rv-right{ transform:translateX(-30px); }
#geo-root.js .rv-pop{ transform:scale(.86); }
#geo-root.js .rv-grow{ transform:scaleX(0); transform-origin:0 50%; }
#geo-root.js .rv-upScale{ transform:translateY(18px) scaleX(1.0147); }

/* ---- 终态 ---- */
#geo-root.js .rv.rv-in{ opacity:1; transform:none; }

/* 「上策 GEO 服务方案」的基础样式带 scaleX(1.0147) 补中文字宽，
   终态必须还原它，不能用 transform:none 抹平（否则标题会变窄）。 */
#geo-root.js .rv-upScale.rv-in{ transform:scaleX(1.0147); }

/* ---- 06 · 紫色横幅上的流光 ---- */
#geo-root.js .s06::after{
  content:''; position:absolute; left:0; top:0;
  width:1920px; height:223px; pointer-events:none;
  background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);
  transform:translateX(-100%);
  animation:geo-sheen 7s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes geo-sheen{
  0%,58%{ transform:translateX(-100%); }
  100%  { transform:translateX(100%);  }
}

/* ---- 01 · 右上橙色药丸的呼吸光晕 ---- */
#geo-root.js .hero-tag{ animation:geo-tagGlow 3.2s ease-in-out infinite; }
@keyframes geo-tagGlow{
  0%,100%{ box-shadow:0 0 0 0 rgba(239,105,24,.50); }
  62%    { box-shadow:0 0 0 16px rgba(239,105,24,0); }
}

/* ---- 悬停微交互 ---- */
#geo-root.js .hero-sub1,#geo-root.js .hero-sub2{
  transition:transform .3s ease, filter .3s ease;
}
#geo-root.js .hero-sub1:hover,#geo-root.js .hero-sub2:hover{
  transform:translateX(6px); filter:brightness(1.07);
}
#geo-root.js .s02-btn,#geo-root.js .s10-btn{
  transition:transform .25s ease, filter .25s ease;
}
#geo-root.js .s02-btn:hover,#geo-root.js .s10-btn:hover{
  transform:scale(1.07); filter:brightness(1.12);
}
#geo-root.js .s03-logo{
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
#geo-root.js .s03-logo:hover{ transform:scale(1.09) translateY(-4px); }