@charset "utf-8";
/** 本文件仅保留：1) 页面主题变量（.site-page 变量块） 2) 页面专属样式 3) 与公共层不同的覆盖规则。
 * 其余公共样式已统一抽取至 inc_style.css（全站公共样式表，先于本文件加载）。
 * 命名规范：页面根类 .site-page（与公共层根类 .tncms-builder 叠加于同一 <main> 元素）；
 * 公共层组件类（builder-* / capability-card / scenario-card / service-item 等）不改名，
 * 一律以 .site-page 作用域前缀覆盖，与 channel_product_mall.css 的 .mall-page 模式一致。*/
/*腾数建站：一站式企业官网建站系统，科技蓝视觉系统。*/
.site-page {
  --builder-blue: #246bfd;
  --builder-blue-dark: #174bc8;
  --builder-cyan: #16c6e5;
  /*主题色派生变量：供 inc_style.css 公共样式层通过 var() 引用（与本页主题色一一对应，勿删）*/
  --builder-hero-a: #f8fbff;
  --builder-hero-b: #eaf3ff;
  --builder-hero-c: #f5faff;
  --builder-grid-rgb: 83, 116, 173;
  --builder-glow-one-rgb: 73, 132, 255;
  --builder-glow-one-alpha: .14;
  --builder-glow-two-rgb: 22, 198, 229;
  --builder-glow-two-alpha: .1;
  --builder-blue-rgb: 36, 107, 253;
  --builder-demo-a: #246bfd;
  --builder-demo-b: #16c6e5;
  --builder-cta-a: #1557e8;
  --builder-cta-b: #2879ff;
  --builder-cta-c: #15b8dc;
  --builder-shadow-rgb: 36, 69, 125;
  --builder-tpl-glow-a-rgb: 76, 132, 255;
  --builder-tpl-glow-a-alpha: .09;
  --builder-period-line-rgb: 75, 167, 239;
  --builder-tab-active: #246bfd;
  --builder-device-a: #5f8eff;
  --builder-device-b: #246bfd;
  --builder-device-c: #163eac;
  --builder-ink: #121d35;
  --builder-muted: #65738b;
  --builder-line: #e4eaf3;
  --builder-soft: #f6f9fe;
  --site-section-blue-background: radial-gradient(circle at 8% 12%, rgba(36, 107, 253, .045), transparent 24rem), linear-gradient(180deg, #f2f7ff 0%, #f6f9ff 100%);
  --builder-proof-background: #fff;
  --builder-capabilities-background: var(--site-section-blue-background);
  --builder-workflow-background: #fff;
  --builder-functions-background: var(--site-section-blue-background);
  --builder-scenarios-background: #fff;
  --builder-service-assure-background: var(--site-section-blue-background);
  --builder-custom-content-background: #fff;
  color: var(--builder-ink);
  overflow: clip;
}
.site-page .builder-hero { display: flex; flex-direction: column; min-height: calc(100vh - var(--tncms-header-height, 4.375rem)); min-height: calc(100svh - var(--tncms-header-height, 4.375rem)); }
.site-page .builder-hero .container { flex: 1; display: flex; flex-direction: column; }
.site-page .builder-hero .row { flex: 1; padding-top: 0; align-items: center; }
.site-page .capability-card h3 { margin: 0 0 1rem; font-size: 1.3rem; font-weight: 700; line-height: 1.4; }
.site-page .capability-card p { max-width: 27.5rem; margin: 0; color: var(--builder-muted); font-size: .95rem; line-height: 1.8; }
.site-page .workflow-steps h3 { margin: 0.062rem 0 0.438rem; font-size: 1.1rem; line-height: 1.45; }
.site-page .workflow-steps p { margin: 0; color: var(--builder-muted); font-size: .9rem; line-height: 1.75; }
.site-page .scenario-card { position: relative; height: 100%; min-height: 23.125rem; padding: 1.875rem 1.688rem; overflow: hidden; border: 1px solid #e1e7f0; border-radius: 0.938rem; background: #fff; transition: transform .25s, box-shadow .25s; }
.site-page .scenario-card:hover { transform: translateY(-0.375rem); box-shadow: 0 1.125rem 2.375rem rgba(36,67,113,.09); }
.site-page .scenario-card > span { position: absolute; top: 1.188rem; right: 1.375rem; color: #edf1f7; font-size: 2.6rem; font-weight: 800; }
.site-page .scenario-card > i { display: flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; margin: 1.125rem 0 2.062rem; border-radius: 0.812rem; background: #edf3ff; color: var(--builder-blue); font-size: 1.25rem; }
.site-page .scenario-card h3 { font-size: 1.3rem; line-height: 1.4; }
.site-page .scenario-card p { min-height: 3.25rem; margin: 0.75rem 0 1.562rem; color: var(--builder-muted); font-size: .92rem; line-height: 1.8; }
.site-page .scenario-card li { position: relative; margin-top: 0.688rem; padding-left: 0.938rem; color: #52627a; font-size: .82rem; line-height: 1.7; }
.site-page .scenario-card li::before { content: ''; position: absolute; top: .55em; left: 0; width: 0.312rem; height: 0.312rem; border-radius: 50%; background: var(--builder-blue); }
/*适用场景 Tab：与轻站、商城统一的编号与粗体 Chevron*/
.site-page .builder-scenario-tabs button::before { content: counter(builder-scenario-tab, decimal-leading-zero); display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid #d5dce7; border-radius: .875rem; background: rgba(255,255,255,.78); color: #8b95a5; font-size: .6875rem; font-weight: 750; letter-spacing: .06em; transition: inherit; }
.site-page .builder-scenario-tabs button.active { border-color: var(--scenario-tab-dark); background: var(--scenario-tab-dark); color: #fff; box-shadow: 0 1rem 2.25rem rgba(20,35,61,.18); }
.site-page .service-item { display: flex; height: 100%; gap: 0.938rem; padding: 1.438rem; border: 1px solid rgba(213,224,239,.9); border-radius: 0.812rem; background: rgba(255,255,255,.78); }
.site-page .service-item > i { display: flex; width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; align-items: center; justify-content: center; border-radius: 0.625rem; background: #e9f0ff; color: var(--builder-blue); font-size: 1rem; }
.site-page .service-item h3 { margin: 0.062rem 0 0.438rem; font-size: 1.05rem; line-height: 1.45; }
.site-page .service-item p { margin: 0; color: var(--builder-muted); font-size: .82rem; line-height: 1.75; }
@media (max-width: 991.98px) {
  /*复位基础规则的 100vh 首屏（.site-page 作用域优先级高于公共层 .builder-hero 移动端正置规则，需显式复位）*/
  .site-page .builder-hero { min-height: auto; }
  .site-page .builder-hero .row { padding-top: 1.25rem; }
}
@media (max-width: 767.98px) {
  .site-page .builder-hero .row { padding-top: .5rem; }
  .site-page .capability-card h3, .site-page .scenario-card h3 { font-size: 1.2rem; }
}
@media (max-width: 479.98px) {
  .site-page .scenario-card { min-height: 21.562rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-page .capability-card, .site-page .scenario-card, .site-page .function-card, .site-page .builder-hero-actions .btn { transition: none; }
}
/*核心能力：以独立主题色区分能力，并沿用商城卡片的聚焦交互*/
.site-page .builder-capabilities .row>div:nth-child(4n+2) .site-capability-card { --cap-color: #6b63e8; --cap-soft: #f3f1ff; --cap-shadow: rgba(107,99,232,.18); }
.site-page .builder-capabilities .row>div:nth-child(4n+3) .site-capability-card { --cap-color: #e8508d; --cap-soft: #fff1f7; --cap-shadow: rgba(232,80,141,.18); }
.site-page .builder-capabilities .row>div:nth-child(4n+4) .site-capability-card { --cap-color: #20a779; --cap-soft: #eefbf6; --cap-shadow: rgba(32,167,121,.18); }
/** 大屏适配（原 channel_highres.css 本页专属部分；置于文件末尾以保持最后的覆盖顺序）*/
@media (min-width: 992px) {
  .site-page .builder-hero { min-height: clamp(40rem, 72vh, 44rem); }
}
@media (min-width: 1400px) {
  .site-page .builder-hero { min-height: var(--tncms-product-hero-height); }
}
@media (min-width: 1400px) and (max-height: 899.98px) {
  .site-page .builder-hero { min-height: clamp(39rem, calc(100svh - 4.375rem), 42rem); }
  .site-page .builder-hero .row { padding-top: .75rem; }
}