/* 首页背景体系：深蓝、冷白与浅灰蓝，纹理集中在视觉模块。 */
#app .particle-hero.dark-particles {
  background: radial-gradient(ellipse at 50% 18%, #1b2c3d66, transparent 65%), #111c29;
}
#app .services-journey .light-grid {
  background: radial-gradient(ellipse at 18% 40%, #d2f0ec66, transparent 38%),
    radial-gradient(ellipse at 86% 12%, #d8eaff80, transparent 48%), #f8fbfe;
}
#app .services-journey .light-grid::before { opacity: .35; }
#app .services-journey .light-grid::after {
  border-color: #8db1cd18;
  box-shadow: 0 0 0 55px #87b7df05, 0 0 0 110px #87b7df03;
}
#app .services-journey .dark-surface {
  background: radial-gradient(ellipse at 8% 28%, #17474424, transparent 45%),
    radial-gradient(ellipse at 86% 16%, #204c752b, transparent 52%), #101c29;
}
#app .services-journey .dark-surface::after { opacity: .45; }
#app .home-cases {
  background: linear-gradient(180deg, #f7fafc, #ffffff 40%, #ffffff);
}
#app .company-numbers {
  background: #fff;
  border-top-color: #e8eef3;
}
#app .service-process {
  background: radial-gradient(ellipse at 50% 0%, #e3edf566, transparent 65%), #f1f5f8;
}
#app .service-process article { background: #fff; border-color: #e1e9ef; }
#app .contact-cta {
  background: radial-gradient(ellipse at 83% 50%, #163d562e, transparent 52%),
    linear-gradient(110deg, #142231, #0d1926);
}
#app .contact-cta .particle-halo {
  background: radial-gradient(ellipse, #26acb20b, transparent 68%);
}
#app .site-footer { background: #f8fafb; }
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
  #app .services-journey .intro {
    background: radial-gradient(ellipse at 10% 25%, #e2f3ef, transparent 60%), #f8fbfe;
  }
}

/* 服务内容：将光感集中在界面后方，文字区域保持干净。 */
#app .services-journey .dark-surface {
  overflow: hidden;
  background:
    radial-gradient(ellipse at 48% 22%, #163b5970 0%, transparent 55%),
    linear-gradient(160deg, #102231, #0b1724 65%, #0c1926);
}
#app .services-journey .dark-surface::before {
  content: '';
  position: absolute;
  inset: 8% -10% 28%;
  background:
    radial-gradient(ellipse at 20% 45%, #31baa71b, transparent 38%),
    radial-gradient(ellipse at 75% 40%, #2688dc20, transparent 44%);
  animation: services-light-flow 18s ease-in-out infinite alternate;
  pointer-events: none;
}
#app .services-journey .dark-surface::after {
  background-image: radial-gradient(#7eafcb40 .7px, transparent 1px);
  background-size: 30px 30px;
  mask-image: linear-gradient(to bottom, transparent 4%, #000 25%, transparent 68%);
  opacity: .32;
}
@keyframes services-light-flow {
  from { transform: translateX(-1.5%) translateY(0); opacity: .65; }
  to { transform: translateX(1.5%) translateY(-10px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #app .services-journey .dark-surface::before { animation: none; }
}
/* 流程背景由独立氛围层承载，选中卡片使用品牌蓝。 */
#app .service-process{background:#f4f7fa}
#app .service-process .process-card.selected,
#app .service-process .process-card:focus-visible{background:#087fff;border-color:#087fff}
/* Editorial and project pages share the global blue / cool-white palette. */
#app .insights-page,#app .projects-page{background:#fff;color:#2b4356}
#app .insights-content h1,#app .projects-content h1{color:#263e51}
#app .insights-content header>div>span,#app .projects-content header>div>span{color:#839eb5}
#app .project-detail{background:linear-gradient(#f3f8fd,#fff 450px)}
#app .project-detail .category{color:#418ac2}
#app .project-detail .image-pending{background:linear-gradient(125deg,#edf5fc,#e3eef9)}
#app .project-detail .next-project{color:#3c83bb}
#app .project-detail .next-project:hover{color:#087fff}