/* 参考方向：品牌蓝画布、银色流线、整片联动。仅影响新版首页。
   页面底色＝企业标准色（VI《色彩规范》CMYK 93 80 0 0 / RGB 26 47 199 = #1a2fc7）。
   2026-09-29 老板要按规范原色看一版，默认值即标准色；压深版见文件末尾的 B / C 备选令牌。
   换底色只改下面这一段令牌，其余规则都用 var() 引用，不要再写死颜色。 */
/* html 也要拿到底色令牌：body 只覆盖到自身高度，页面比视口短时会从 html 露出浅色底。 */
.home-atmosphere,
html:has(.home-atmosphere) {
  /* ==== 品牌色与页面底色：换色只改这一段 ==== */
  --brand: #1a2fc7;         /* 企业标准色 RGB 26 47 199 */
  --page-bg: #1a2fc7;       /* 页面底色＝企业标准色 */
  --page-glow: #2740d8;     /* 首屏流光中心（浅一档） */
  --page-bg-2: #16269f;     /* 分区底色（深一档，用于企业文化 / 招聘区） */
  --page-panel: #101a80;    /* 图框、弹层等最深层 */
  --page-shade: 6, 10, 46;  /* 压暗用的深蓝，写作 rgba(var(--page-shade), .5) */
  --on-page: #f0f3ff;       /* 主文字（对底色 9:1 以上） */
  --on-page-soft: #cfd7f8;  /* 次文字（对标准色约 6.4:1，饱和蓝底上不能再压暗） */
  --on-page-line: #ffffff2e;
  --line-strong: #ffffff6b;  /* 描边按钮 / 图标按钮的边 */
  --hero-title: #f4f6ff;     /* 首屏大标题 */
  --hero-lead: #e2e8ff;      /* 首屏副文案 */
  --value-idle: #bcc6f2;     /* 未选中的价值观文字 */
  --cta-bg: #eef1ff;         /* 主按钮：深色主题用浅色实心块 */
  --cta-ink: #111a4f;
  --cta-bg-hover: #ffffff;
  /* 画布颜色（atmosphere.js 读这些令牌，主题切换不用改 JS） */
  --flow-fade-rgb: 132,151,163;
  --flow-line-rgb: 125,145,158;
  --flow-hi-rgb: 183,198,206;
  --globe-line-rgb: 173,188,196;
  --globe-dot-rgb: 226,234,234;
  --globe-mark-rgb: 204,217,221;
  --canvas: var(--page-bg);
  --surface: var(--page-panel);
  --ink: var(--on-page);
  --ink-soft: var(--on-page-soft);
  --line: var(--on-page-line);
  background: var(--canvas);
  color: var(--ink);
}
.home-atmosphere :is(h1,h2,h3) { color: var(--ink); font-weight: 400; letter-spacing: 0; }
.home-atmosphere :focus-visible { outline: 2px solid var(--on-page); outline-offset: 5px; }
.home-atmosphere .site-header { background: var(--page-bg); border-color: var(--on-page-line); }
.home-atmosphere .wordmark, .home-atmosphere .site-nav a { color: var(--on-page); }
.home-atmosphere .wordmark-copy small { color: var(--on-page-soft); }
.home-atmosphere .site-nav .nav-cta { color: var(--on-page); border-color: var(--line-strong); border-radius: 2px; box-shadow: none; }
.home-atmosphere .site-nav a::after { display: none; }
.home-atmosphere .hero {
  min-height: 660px; max-height: 1000px; height: 100svh;
  padding: 150px 24px 130px; align-items: center; text-align: center;
  background: var(--page-bg); box-shadow: none;
}
.home-atmosphere .hero::after { display: none; }
.home-atmosphere .hero-media { inset: 0; z-index: 0; overflow: hidden; transform: none; will-change: auto; }
/* 底色、光晕和压暗层都在 CSS 上，画布每帧只画会动的丝线（省掉每帧三次全画布填充）。 */
.flow-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; background: radial-gradient(circle 65vw at 57% 45%, var(--page-glow), var(--page-bg-2) 62%, var(--page-bg) 100%), var(--page-bg); }
.hero-media::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle 70vw at 50% 48%, rgba(var(--page-shade),.26), rgba(var(--page-shade),0) 55%, rgba(var(--page-shade),.58) 100%); }
.flow-fallback { position: absolute; inset: -10%; background: radial-gradient(ellipse at 70% 30%,rgba(var(--page-shade),.35),transparent 55%); }
.flow-fallback::before, .flow-fallback::after {
  content: ''; position: absolute; width: 130%; height: 42%; left: -10%; top: 25%;
  border: 1px solid #ffffff30; border-radius: 50%; transform: rotate(-22deg);
  box-shadow: 0 10px 0 #ffffff0e, 0 22px 0 #ffffff14, 0 45px 0 #ffffff12;
}
.flow-fallback::after { top: 37%; transform: rotate(-16deg); }
.hero-media.is-rendered .flow-fallback { display: none; }
.home-atmosphere .hero-copy { max-width: 850px; z-index: 1; }
.home-atmosphere .hero-brand-kicker { color: var(--on-page-soft); font-size: 12px; margin-bottom: 30px; letter-spacing: .18em; }
.home-atmosphere .hero-brand-kicker::after { display: none; }
.home-atmosphere .hero h1 { color: var(--hero-title); font-size: clamp(36px,4.4vw,62px); line-height: 1.48; font-weight: 350; text-shadow: 0 2px 30px rgba(var(--page-shade),.35); }
.home-atmosphere .hero-lead { color: var(--hero-lead); margin: 25px auto 34px; font-size: 14px; }
/* 底色是饱和品牌蓝时，ghost 按钮几乎看不见，首屏主按钮改成实心色块。 */
.home-atmosphere .primary-button { border-radius: 2px; border-color: transparent; color: var(--cta-ink); background: var(--cta-bg); box-shadow: none; font-weight: 500; }
.home-atmosphere .hero-bottom { font-size: 10px; color: var(--on-page-soft); }
.home-atmosphere .motion-toggle { border-radius: 2px; min-height: 40px; border-color: var(--line-strong); }
.home-atmosphere .section-number, .home-atmosphere .eyebrow { color: var(--on-page-soft); font-weight: 400; }
.home-atmosphere .section .section-number { color: var(--on-page-soft); }
.home-atmosphere .section-heading h2, .home-atmosphere .growth h2 { font-size: clamp(28px,3vw,42px); color: var(--ink); font-weight: 400; }
.home-atmosphere .section-heading > p:last-child { color: var(--on-page-soft); }

/* 企业文化：左边列表、右边图位。配图是 9 格漫画，当背景永远看不清（压暗成花纹或压不住文字），
   所以给它一个独立图框：完整清晰展示 + 同图柔焦填充接住留白。 */
.home-atmosphere .culture { isolation: isolate; width: 100%; padding: 82px max(6vw,calc((100vw - 1240px)/2)); background: var(--page-bg-2); overflow: hidden; }
.culture-body { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 44px; align-items: center; }
.culture-figure { position: relative; }
/* 图位可点：9 格漫画的小字在这个尺寸下读不清，点开用弹层放大看。 */
.culture-stage { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--page-panel); box-shadow: inset 0 0 0 1px var(--on-page-line); cursor: zoom-in; }
.culture-stage-hint { margin: 12px 0 0; text-align: right; font-size: 11px; color: var(--on-page-soft); }
/* 衬底：同一张图压暗、加大模糊，只当安静的底纹，不跟清晰图抢视线。 */
.culture-fill { position: absolute; inset: -12%; z-index: 0; background-size: cover; background-position: center top; filter: blur(46px) brightness(.22) saturate(.5); transform: scale(1.08); opacity: 0; transition: opacity 420ms ease; }
.culture-fill.is-active { opacity: 1; }
.culture-scenes { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
/* 图按原图完整展示，不做裁切；投影让它像"放进画框的照片"，而不是浮在底色上。 */
.culture-scene { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: contain; opacity: 0; filter: drop-shadow(0 18px 38px rgba(var(--page-shade),.75)); transition: opacity 420ms ease; }
.culture-scene.is-active { opacity: 1; }
.home-atmosphere .culture .section-heading { position: relative; z-index: 1; margin-bottom: 45px; grid-template-columns: 150px 1.2fr 1fr; }
.culture-hint { display: block; margin-top: 10px; font-size: 13px; line-height: 1.8; color: var(--on-page-soft); }
.home-atmosphere .values-list { position: relative; z-index: 1; display: block; }
.home-atmosphere .value-item { display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; min-height: 0; padding: 0; border-radius: 0; border-top: 1px solid var(--on-page-line); }
.home-atmosphere .value-item:last-child { border-bottom: 1px solid var(--on-page-line); }
.value-choice { display: grid; grid-template-columns: 70px 1fr 1.25fr; gap: 25px; align-items: center; width: 100%; min-height: 100px; padding: 20px 6px; border: 0; color: var(--value-idle); background: transparent; text-align: left; cursor: pointer; transition: color 180ms ease, transform 140ms ease; }
.value-choice:active { transform: scale(.995); }
.value-choice > span { font-size: 11px; font-weight: 400; color: var(--value-idle); }
.home-atmosphere .value-choice h3 { font-size: 27px; margin: 0; color: inherit; font-weight: 400; }
.home-atmosphere .value-choice p { max-width: none; font-size: 13px; line-height: 1.8; color: inherit; }
.value-choice[aria-pressed="true"] { color: var(--on-page); }
/* ↗ 是独立的兄弟按钮（打开完整故事图），不嵌进行按钮里，避免嵌套按钮。 */
.value-zoom { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: var(--on-page-soft); font-size: 22px; line-height: 1; cursor: pointer; opacity: .15; transform: translateX(-8px); transition: opacity 240ms ease, transform 240ms ease, color 180ms ease; }
.value-choice[aria-pressed="true"] + .value-zoom { opacity: 1; transform: none; color: var(--on-page); }
.culture.instant-change :is(.culture-scene,.culture-fill,.value-choice,.value-zoom) { transition: none; }

/* 点开完整故事图 */
.story-dialog[hidden] { display: none; }
.story-dialog { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 24px; background: rgba(var(--page-shade),.9); }
.story-panel { width: min(1360px, 94vw); max-height: calc(100vh - 40px); overflow: auto; overscroll-behavior: contain; padding: 20px 20px 16px; background: var(--page-panel); box-shadow: 0 0 0 1px var(--on-page-line), 0 30px 90px rgba(var(--page-shade),.7); }
.story-head { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 14px; margin-bottom: 14px; }
.story-kicker { grid-column: 1; margin: 0; color: var(--on-page-soft); font-size: 11px; letter-spacing: .08em; }
.story-head h2 { grid-column: 1; margin: 0; color: var(--ink); font-size: 20px; font-weight: 400; }
.story-close { grid-column: 2; grid-row: 1 / span 2; width: 40px; height: 40px; border: 1px solid var(--line-strong); border-radius: 2px; background: transparent; color: var(--on-page); font-size: 20px; line-height: 1; cursor: pointer; }
.story-image { display: block; width: 100%; height: auto; max-height: 80vh; object-fit: contain; background: var(--page-panel); }
.story-caption { margin: 12px 0 0; color: var(--on-page-soft); font-size: 12px; }

/* 点线球是连接与成长的意象，不是公司业务覆盖地图。 */
.home-atmosphere .partner-vision { width: min(1240px,88%); padding: 50px 0; grid-template-columns: 1fr 1.15fr; gap: 70px; border: 0; min-height: 420px; }
/* 球体画布的边长＝图位宽度：max-width 决定球多大（客户反馈"球放大一点"，420 → 520）。 */
.connection-globe { position: relative; width: 100%; max-width: 520px; aspect-ratio: 1; margin: auto; }
.globe-canvas { width: 100%; height: 100%; display: block; }
.connection-globe > span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: var(--on-page-soft); font-size: 9px; letter-spacing: .15em; }
.globe-fallback { position: absolute; inset: 12%; border: 1px solid #ffffff38; border-radius: 50%; box-shadow: inset 20px 0 40px #ffffff14; }
.globe-fallback::before, .globe-fallback::after { content: ''; position: absolute; inset: 10% -2%; border: 1px solid #ffffff38; border-radius: 50%; transform: rotate(35deg) scaleX(.5); }
.globe-fallback::after { transform: rotate(-35deg) scaleX(.5); }
.connection-globe.is-rendered .globe-fallback { display: none; }
.home-atmosphere .partner-copy h2 { color: var(--ink); font-size: clamp(23px,2.5vw,34px); line-height: 1.65; font-weight: 400; }
.home-atmosphere .partner-copy :is(.eyebrow,p:last-child) { color: var(--on-page-soft); }
.home-atmosphere .partner-copy .eyebrow { margin-bottom: 22px; }
.home-atmosphere .partner-copy p:last-child { margin-top: 22px; }

.home-atmosphere .growth { border-top: 1px solid var(--on-page-line); }
.home-atmosphere .growth-points li { border-color: var(--on-page-line); color: var(--on-page); }
.home-atmosphere .growth-points li::before { color: var(--on-page-soft); }
.home-atmosphere .growth-copy > p:not(.section-number) { color: var(--on-page-soft); }
.home-atmosphere .carousel-slide > img { background: var(--page-panel); }
.home-atmosphere .slide-caption { background: var(--page-panel); color: var(--on-page); }
.home-atmosphere .slide-caption p { color: var(--on-page-soft); }
.home-atmosphere .slide-caption h3 { color: var(--on-page); }
.home-atmosphere .carousel-toolbar { border-color: var(--on-page-line); }
.home-atmosphere .carousel-status { color: var(--on-page-soft); }
.home-atmosphere .carousel-status .current { color: var(--on-page); }
.home-atmosphere .carousel-button { border-color: var(--line-strong); color: var(--on-page); }
.home-atmosphere .activity-card-copy { border-color: var(--on-page-line); }
.home-atmosphere .activity-card-copy > span { color: var(--on-page-soft); }
.home-atmosphere .activity-card-copy h3 { color: var(--on-page); }
.home-atmosphere .activity-card-copy p { color: var(--on-page-soft); }
.home-atmosphere .careers { position: relative; isolation: isolate; min-height: 340px; background: var(--page-bg-2); border-top: 1px solid var(--on-page-line); overflow: hidden; }
.home-atmosphere .careers h2 { color: var(--ink); }
.home-atmosphere .careers :is(p,.eyebrow) { color: var(--on-page-soft); }
.home-atmosphere .light-button { border-radius: 2px; background: var(--cta-bg); color: var(--cta-ink); font-weight: 500; }
.home-atmosphere .site-footer { color: var(--on-page-soft); }
.home-atmosphere .site-footer a { color: inherit; }
.home-atmosphere.motion-paused .culture-scene { transition: none; }
@media (hover:hover) {
  .home-atmosphere .site-nav a:not(.nav-cta):hover { color: #ffffff; opacity: 1; }
  .home-atmosphere .primary-button:hover { background: var(--cta-bg-hover); color: var(--cta-ink); }
  .home-atmosphere .nav-cta:hover { background: #ffffff22; }
  .home-atmosphere .carousel-button:hover { background: var(--cta-bg); color: var(--cta-ink); }
}
@media (max-width:1000px) {
  .home-atmosphere .culture .section-heading { grid-template-columns: 1fr 1fr; }
  .home-atmosphere .culture .section-heading > .section-number { grid-column: 1/-1; }
  .culture-body { grid-template-columns: 1fr; gap: 32px; }
  .culture-stage { width: min(520px, 100%); }
  .home-atmosphere .partner-vision { gap: 30px; }
}
@media (max-width:700px) {
  .home-atmosphere .hero { min-height: 620px; max-height: 860px; padding: 150px 24px 120px; justify-content: center; align-items: flex-start; text-align: left; }
  .home-atmosphere .hero h1 { font-size: clamp(25px,7.4vw,40px); line-height: 1.6; }
  .home-atmosphere .hero-lead { margin: 23px 0 30px; font-size: 12px; }
  .home-atmosphere .hero-brand-kicker { font-size: 10px; }
  .home-atmosphere .culture { padding: 56px 24px; }
  .home-atmosphere .culture .section-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 30px; }
  .home-atmosphere .culture .section-heading h2 { font-size: 27px; }
  .culture-hint { margin-top: 8px; }
  .culture-stage { width: 100%; }
  .home-atmosphere .value-item { grid-template-columns: minmax(0,1fr) 40px; }
  .value-choice { min-height: 124px; grid-template-columns: 28px 1fr; gap: 10px 14px; padding: 22px 0; }
  .home-atmosphere .value-choice h3 { font-size: 24px; }
  .home-atmosphere .value-choice p { grid-column: 2; grid-row: 2; font-size: 12px; }
  .value-zoom { width: 40px; height: 40px; font-size: 20px; }
  .story-dialog { padding: 12px; }
  .story-panel { padding: 16px 14px 14px; max-height: calc(100vh - 24px); }
  .home-atmosphere .partner-vision { grid-template-columns: 1fr; padding: 40px 0 58px; gap: 30px; }
  .connection-globe { max-width: 340px; }
  .home-atmosphere .partner-copy h2 { font-size: 23px; }
  .home-atmosphere .partner-copy h2 br { display: block; }
  .home-atmosphere .partner-copy .eyebrow { margin-bottom: 15px; }
  .home-atmosphere .careers { min-height: 0; }
}
@media (prefers-reduced-motion:reduce) {
  .home-atmosphere :is(.culture-scene,.culture-fill,.value-choice,.value-zoom) { transition: none; }
}

/* ==== 明亮主题（参考稿 B「明亮品牌年轻风」）：白底 + 品牌蓝标题 + 橙色主按钮 ====
   入口：`?theme=light`（index.html 里 4 行内联脚本把 data-theme 挂到 html 上，早于样式生效，不会闪）。
   整组令牌换掉就算换肤，其余规则一律不用动；只有"深色主题里靠白/黑硬写的装饰"要单独覆盖几处。 */
html[data-theme="light"] .home-atmosphere,
html[data-theme="light"]:has(.home-atmosphere) {
  --page-bg: #ffffff;
  --page-glow: #dbe4ff;
  --page-bg-2: #eef2fe;
  --page-panel: #e8eefc;
  --page-shade: 206, 220, 255;   /* 明亮模式下"压暗层"改成浅蓝光晕 */
  --on-page: #111c4f;
  --on-page-soft: #5a6684;
  --on-page-line: #1a2fc724;
  --line-strong: #1a2fc766;
  --hero-title: #1a2fc7;
  --hero-lead: #55617f;
  --value-idle: #6b7699;
  --cta-bg: #ff7a1a;
  --cta-ink: #ffffff;
  --cta-bg-hover: #ff8f3c;
  --flow-fade-rgb: 150,170,230;
  --flow-line-rgb: 120,150,220;
  --flow-hi-rgb: 26,47,199;
  --globe-line-rgb: 96,126,205;
  --globe-dot-rgb: 26,47,199;
  --globe-mark-rgb: 255,122,26;  /* 高亮节点用橙色，呼应参考稿的点缀色 */
}
/* 首屏大标题：白底蓝字，暗影换成白色柔光 */
html[data-theme="light"] .home-atmosphere .hero h1 { text-shadow: 0 2px 30px #ffffffcc; }
/* 无 canvas 时的后备线框 / 圈线，深色主题用白色，这里换蓝 */
html[data-theme="light"] .flow-fallback { background: radial-gradient(ellipse at 70% 30%, #c9d7ff99, transparent 55%); }
html[data-theme="light"] .flow-fallback::before,
html[data-theme="light"] .flow-fallback::after { border-color: #1a2fc733; box-shadow: 0 10px 0 #1a2fc712, 0 22px 0 #1a2fc71a, 0 45px 0 #1a2fc716; }
html[data-theme="light"] .globe-fallback { border-color: #1a2fc733; box-shadow: inset 20px 0 40px #1a2fc712; }
html[data-theme="light"] .globe-fallback::before,
html[data-theme="light"] .globe-fallback::after { border-color: #1a2fc733; }
/* 图框内的柔焦衬底：深色主题压暗成底纹，明亮主题反过来提亮 */
html[data-theme="light"] .culture-fill { filter: blur(46px) brightness(1.12) saturate(.75); }
html[data-theme="light"] .culture-scene { filter: drop-shadow(0 18px 38px #1d2a6e33); }
/* 弹层：明亮主题也需要深底遮罩，否则白底白面板分不清层次 */
html[data-theme="light"] .story-dialog { background: rgba(16,24,80,.5); }
html[data-theme="light"] .story-panel { box-shadow: 0 0 0 1px #dde3f7, 0 30px 90px #1018503d; }
/* 深色主题里页头在顶部是"透明底 + 白字"，明亮主题必须换回深色字，否则白底上看不见 */
html[data-theme="light"] .home-cinematic.has-scene-motion .site-header:not(.is-scrolled) :is(.wordmark,.site-nav a) { color: var(--on-page); }
html[data-theme="light"] .home-cinematic.has-scene-motion .site-header:not(.is-scrolled) .wordmark-copy small { color: var(--on-page-soft); }
html[data-theme="light"] .home-cinematic.has-scene-motion .site-header:not(.is-scrolled) .nav-cta { border-color: var(--line-strong); }
/* 悬停态原来是白字/白底，白底页面上等于消失 */
html[data-theme="light"] .home-atmosphere .site-nav a:not(.nav-cta):hover { color: var(--brand); }
html[data-theme="light"] .home-atmosphere .nav-cta:hover { background: #1a2fc712; }
html[data-theme="light"] .home-atmosphere .carousel-button:hover { background: var(--brand); color: #ffffff; }
/* 区块水印字（CULTURE / JOIN US）在深色主题是浅色，这里压成淡蓝 */
html[data-theme="light"] .culture::before,
html[data-theme="light"] .careers::before { color: #1a2fc714; }

/* —— 明亮主题第二轮：去"太素"。三件事——色块节奏、卡片投影、橙色点缀 ——
   深色版不受影响：下面每条都带 html[data-theme="light"] 前缀。 */

/* 1) 首屏：中心留白给标题，四周压出淡蓝，再叠一层极淡点阵；CTA 加橙色投影 */
html[data-theme="light"] .flow-canvas {
  opacity: 1;
  background:
    radial-gradient(circle 52vw at 50% 44%, #ffffff 0%, #f4f7ff 46%, #dfe8ff 100%),
    radial-gradient(circle 1px at 1px 1px, #1a2fc70e 1px, transparent 0) 0 0 / 26px 26px,
    #f2f6ff;
}
/* 压暗层在明亮主题里改成白色柔光，否则整屏发蓝、文字发虚 */
html[data-theme="light"] .hero-media::after { background: radial-gradient(circle 62vw at 50% 46%, #ffffffcc, #ffffff00 62%, #dbe4ff40 100%); }
html[data-theme="light"] .home-atmosphere .primary-button { box-shadow: 0 12px 26px #ff7a1a59; }
html[data-theme="light"] .home-atmosphere .primary-button:hover { box-shadow: 0 14px 30px #ff7a1a66; }

/* 2) 标题下的橙色短杠：参考稿 B 的小点缀，白底上最缺的就是这个 */
html[data-theme="light"] .home-atmosphere :is(.section-heading h2, .growth h2, .activities-heading h2, .partner-copy h2)::after {
  content: ""; display: block; width: 46px; height: 4px; margin-top: 18px; border-radius: 2px;
  background: linear-gradient(90deg, #ff7a1a, #ffb372);
}

/* 3) 企业文化：色带加重一档；四条价值观从"分隔线列表"改成独立白卡 */
html[data-theme="light"] .home-atmosphere .culture { background: linear-gradient(180deg, #f6f9ff, #e9effd); }
html[data-theme="light"] .home-atmosphere .value-item,
html[data-theme="light"] .home-atmosphere .value-item:last-child {
  margin-bottom: 10px; border: 1px solid #e4eafb; border-radius: 14px; background: #fff; box-shadow: 0 10px 26px #1a2fc70f;
}
html[data-theme="light"] .home-atmosphere .value-item:has(.value-choice[aria-pressed="true"]) {
  border-color: #c6d3fa; background: linear-gradient(90deg, #f3f7ff, #fff); box-shadow: 0 16px 34px #1a2fc71f;
}
html[data-theme="light"] .home-atmosphere .value-choice { padding: 20px 18px; }
html[data-theme="light"] .value-zoom { margin-right: 10px; }

/* 4) 图框与轮播：白底 + 圆角 + 柔和投影 */
html[data-theme="light"] .culture-stage { border-radius: 16px; background: #f4f7ff; box-shadow: inset 0 0 0 1px #e4eafb, 0 20px 44px #1a2fc71a; }
html[data-theme="light"] .home-atmosphere .carousel-slide > img { border-radius: 16px; background: #fff; box-shadow: 0 16px 36px #1a2fc714; }
html[data-theme="light"] .home-atmosphere .slide-caption { border-radius: 0 0 14px 14px; background: #f2f6ff; padding: 14px 18px; }

/* 5) 点线球：背后补一圈淡蓝光晕，白底上不再像"飘着" */
html[data-theme="light"] .connection-globe::before {
  content: ""; position: absolute; inset: 4%; border-radius: 50%;
  background: radial-gradient(circle, #e3ecff 0%, #eef3ff66 52%, #eef3ff00 72%);
}
html[data-theme="light"] .globe-canvas { position: relative; z-index: 1; }

/* 6) 员工活动：卡片化（深色版是无壳的图 + 文字） */
html[data-theme="light"] .home-atmosphere .activity-card,
html[data-theme="light"] .home-atmosphere .activity-card:not(.activity-card-1) {
  background: #fff; border: 1px solid #e4eafb; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 32px #1a2fc70f;
}
html[data-theme="light"] .home-atmosphere .activity-card-copy { border-bottom: 0; padding: 18px 20px 22px; }

/* 7) 招聘区改成品牌蓝渐变块：整页最重的一块色，压住白底 */
html[data-theme="light"] .home-atmosphere .careers { background: linear-gradient(135deg, #1e34d6, #101a80); border-top: 0; }
html[data-theme="light"] .home-atmosphere .careers h2 { color: #ffffff; }
html[data-theme="light"] .home-atmosphere .careers :is(p, .eyebrow) { color: #ccd8ff; }
html[data-theme="light"] .careers::before { color: #ffffff12; }

/* 8) 人才发展：整块做成浅蓝圆角面板（原来只有一根分隔线 + 大片留白，是最"素"的一段） */
html[data-theme="light"] .home-atmosphere .growth {
  border-top: 0; border-radius: 28px; padding: clamp(32px, 4vw, 56px);
  background: linear-gradient(160deg, #f8faff, #e9f0ff); box-shadow: inset 0 0 0 1px #e6ecfb;
}
html[data-theme="light"] .growth-copy::before { background: #d3ddfb; }
html[data-theme="light"] .home-atmosphere .growth-points li { border-color: #dae4fa; }
/* 序号改成淡蓝圆标：三步清单立刻有节奏，不再是三根灰线 */
html[data-theme="light"] .home-atmosphere .growth-points li::before {
  width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto;
  border-radius: 50%; background: #e2ebff; color: #1a2fc7; font-weight: 600;
}

/* 9) 招聘区：通栏色块改成圆角蓝卡 —— 全白页面里"一刀切下去"的硬边最突兀 */
html[data-theme="light"] .home-atmosphere .careers {
  width: min(1180px, 88%); margin: 0 auto; min-height: 300px; border-radius: 28px;
  padding: clamp(44px, 6vw, 72px) clamp(28px, 5vw, 64px);
  background: linear-gradient(135deg, #2a3fe0, #101a80 72%);
  box-shadow: 0 26px 60px #1a2fc72e;
}
/* 卡片内补一层柔光，蓝块不再是平涂；z-index:-1 配合 careers 上的 isolation 留在卡片内 */
html[data-theme="light"] .home-atmosphere .careers::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(circle 420px at 12% 6%, #8296ff59, transparent 70%);
}
/* 10) 员工活动卡：三列等宽 + 图区固定 3:2 + 淡蓝底托。
   素材比例是混的（8 张 3:2，还有 16:9 / 4:3 / 3 张竖版），窄栏里 contain 一定留白边，
   白底上就像"图没铺满"；原来的 1.3fr 主卡在明亮版里只会让三张卡一高一矮，像没对齐。
   改法：三列等宽、图区固定 3:2、照片仍完整不裁，留白交给淡蓝底托当"相框内衬"。
   卡高因此稳定，轮播换到竖版图也不会跳高。 */
html[data-theme="light"] .home-atmosphere .activity-grid { grid-template-columns: repeat(3, 1fr); }
html[data-theme="light"] .home-atmosphere .activity-image .carousel-slide > img {
  height: auto; min-height: 0; aspect-ratio: 3/2; object-fit: contain; background: #eef3ff;
}
/* 日期做成淡蓝小胶囊，卡片头部不再是两行灰字 */
html[data-theme="light"] .home-atmosphere .activity-card-copy > span {
  display: inline-block; padding: 4px 10px; border-radius: 999px; background: #e8eeff; color: #1a2fc7;
}
@media (max-width:700px) {
  html[data-theme="light"] .home-atmosphere .growth { padding: 28px 22px; border-radius: 20px; }
  html[data-theme="light"] .home-atmosphere .careers { width: min(1180px, 92%); min-height: 0; border-radius: 20px; padding: 40px 24px; }
}

/* 其它底色方案（老板若改主意）：把下面任意一段的令牌值覆盖上去即可，
   改完记得把 index.html 里 atmosphere.css 的 ?v= 数字 +1。
   方案 B｜品牌深蓝 #0d1560（标准色压深，饱和蓝久看偏累时用，文字/素材对比度最好）
   .home-atmosphere, html:has(.home-atmosphere) { --page-bg:#0d1560; --page-glow:#1d33b8; --page-bg-2:#0a1050;
                      --page-panel:#070b38; --page-shade:3, 6, 30; --on-page-soft:#b3beee; }
   方案 C｜近黑蓝 #0a0e2a（接近改版前的近黑画布，只加一点品牌蓝味）
   .home-atmosphere, html:has(.home-atmosphere) { --page-bg:#0a0e2a; --page-glow:#16276f; --page-bg-2:#080c22;
                      --page-panel:#060a1c; --page-shade:2, 4, 18; --on-page-soft:#aab4dd; }
*/