/* 华天动力工作流专题：真正的公共扁平样式。仅保留四页共用规则。 */
/* =========================================================
   华天动力工作流专题 · 统一扁平视觉系统 V1
   放在各页面原有样式之后，用于统一首页、流程、节点、表单。
   ========================================================= */
:root{
  --workflow-section-gap:88px;
  --workflow-heading:38px;
  --workflow-rule:#dfe3e8;
  --workflow-rule-soft:#eaedf1;
  --workflow-gray:#f7f8fa;
  --workflow-pink:#fff8f8;
}
/* ---------- Unified page skeleton ---------- */
body.workflow-page{background:#fff;color:var(--text)}
body.workflow-page main{overflow:hidden}
body.workflow-page .breadcrumb{display:none!important}
body.workflow-page section{padding:var(--workflow-section-gap) 0}
body.workflow-page .section-head,
body.workflow-page .growth-head,
body.workflow-page .method-head{
  max-width:none!important;
  margin:0 0 42px!important;
  text-align:left!important;
}
body.workflow-page .section-head .section-kicker,
body.workflow-page .growth-head .section-kicker,
body.workflow-page .method-head .section-kicker{
  display:block;
  margin-bottom:10px!important;
  color:var(--primary);
  font-size:13px!important;
  font-weight:900;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
body.workflow-page .section-head h2,
body.workflow-page .growth-head h2,
body.workflow-page .method-head h2{
  max-width:940px!important;
  margin:0!important;
  color:var(--ink);
  font-size:var(--workflow-heading)!important;
  line-height:1.3!important;
  letter-spacing:-.7px!important;
}
body.workflow-page .section-head p,
body.workflow-page .growth-head p,
body.workflow-page .method-head p{
  max-width:1040px!important;
  margin:15px 0 0!important;
  color:var(--muted);
  font-size:16px!important;
  line-height:1.86!important;
}
body.workflow-page .btn{
  min-height:46px;
  border-radius:6px;
  padding:0 22px;
}
/* ---------- Unified hero ---------- */
body.workflow-page .index-v4-hero,
body.workflow-page .types-hero,
body.workflow-page .nodes-hero,
body.workflow-page .template-hero{
  min-height:620px!important;
  padding:80px 0!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(217,33,33,.10),transparent 29%),
    linear-gradient(180deg,#fff 0%,#fffafa 100%)!important;
  border-bottom:1px solid #f0e3e3;
}
body.workflow-page .index-v4-hero:before,
body.workflow-page .index-v4-hero:after,
body.workflow-page .types-hero:before,
body.workflow-page .types-hero:after,
body.workflow-page .nodes-hero:before,
body.workflow-page .template-hero:before{
  opacity:.32!important;
  box-shadow:none!important;
}
body.workflow-page .index-v4-grid,
body.workflow-page .types-hero-grid,
body.workflow-page .nodes-hero-grid,
body.workflow-page .template-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr)!important;
  gap:68px!important;
  align-items:center!important;
}
body.workflow-page .index-v4-brand,
body.workflow-page .types-brand,
body.workflow-page .nodes-brand,
body.workflow-page .template-brand{
  margin-bottom:20px!important;
  color:var(--primary)!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}
body.workflow-page .index-v4-title .main,
body.workflow-page .types-hero h1,
body.workflow-page .nodes-hero h1,
body.workflow-page .template-hero h1{
  max-width:820px!important;
  color:var(--ink)!important;
  font-size:54px!important;
  line-height:1.14!important;
  letter-spacing:-1.5px!important;
}
body.workflow-page .index-v4-title .sub,
body.workflow-page .types-hero h1 span,
body.workflow-page .nodes-hero h1 span,
body.workflow-page .template-hero h1 span{
  display:block;
  margin-top:16px!important;
  font-size:32px!important;
  line-height:1.42!important;
  font-weight:760!important;
  letter-spacing:-.65px!important;
}
body.workflow-page .index-v4-desc,
body.workflow-page .types-hero-desc,
body.workflow-page .nodes-hero-desc,
body.workflow-page .template-hero-desc{
  max-width:740px!important;
  margin-top:25px!important;
  color:var(--muted)!important;
  font-size:16.5px!important;
  line-height:1.92!important;
}
body.workflow-page .types-hero-action,
body.workflow-page .nodes-hero-action,
body.workflow-page .template-hero-action{margin-top:32px!important}
/* Hero visuals remain as evidence, but remove outer card styling. */
body.workflow-page .workflow-shell,
body.workflow-page .hero-pipeline,
body.workflow-page .business-engine{
  border:1px solid var(--workflow-rule)!important;
  border-width:1px 0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.42)!important;
  box-shadow:none!important;
}
body.workflow-page .coverage-ring{
  box-shadow:none!important;
  background:rgba(255,255,255,.68)!important;
  border-color:var(--workflow-rule)!important;
}
body.workflow-page .workflow-shell-top{background:transparent!important}
body.workflow-page .hero-product-visual img{filter:drop-shadow(0 14px 30px rgba(95,31,31,.08))!important}
/* ---------- Shared flat components ---------- */
body.workflow-page .section-conclusion,
body.workflow-page .problem-conclusion,
body.workflow-page .free-difference,
body.workflow-page .data-run-outcome,
body.workflow-page .governance-perspective,
body.workflow-page .evidence-summary{
  border:0!important;
  border-left:3px solid var(--primary)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.workflow-page .section-conclusion{justify-content:flex-start!important;padding:3px 0 3px 24px!important}
body.workflow-page .section-conclusion strong{max-width:1000px!important}
/* Capability navigation */
body.workflow-page .capability-hub{
  gap:0!important;
  border-top:1px solid var(--workflow-rule)!important;
  border-bottom:1px solid var(--workflow-rule)!important;
}
body.workflow-page .hub-card{
  min-height:108px!important;
  padding:22px!important;
  border:0!important;
  border-right:1px solid var(--workflow-rule-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.workflow-page .hub-card:last-child{border-right:0!important}
body.workflow-page .hub-card:hover,
body.workflow-page .hub-card.active{background:#fff6f6!important;border-color:var(--workflow-rule-soft)!important}
body.workflow-page .hub-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  border-radius:0!important;background:transparent!important;
}
/* FAQ */
body.workflow-page .faq-grid{gap:0 34px!important;max-width:none!important}
body.workflow-page .faq-item{
  border:0!important;
  border-bottom:1px solid var(--workflow-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.workflow-page .faq-question{padding:19px 44px 19px 0!important}
body.workflow-page .faq-question:after{right:3px!important}
body.workflow-page .faq-answer{padding:0 0 21px!important}
/* Reading cards */
body.workflow-page .reading-grid,
body.workflow-page .related-grid{
  gap:0!important;
  border-top:1px solid var(--workflow-rule)!important;
  border-bottom:1px solid var(--workflow-rule)!important;
}
body.workflow-page .reading-card,
body.workflow-page .related-card{
  border:0!important;
  border-right:1px solid var(--workflow-rule-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.workflow-page .reading-card:last-child,
body.workflow-page .related-card:last-child{border-right:0!important}
/* Product screenshots are retained as proof, with restrained frames. */
body.workflow-page figure img{max-width:100%;height:auto}
body.workflow-page .product-proof-link,
body.workflow-page .proof-image a,
body.workflow-page .case-image,
body.workflow-page .permission-proof,
body.workflow-page .reuse-image,
body.workflow-page .proof-shot,
body.workflow-page .after-proof figure,
body.workflow-page .product-main,
body.workflow-page .product-side figure{
  border:1px solid var(--workflow-rule)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
/* CTA */
body.workflow-page .cta{
  padding:76px 0!important;
  background-color:#eef2f7!important;
  color:#171a20!important;
}
body.workflow-page .cta h2{color:#111318!important;font-size:31px!important}
body.workflow-page .cta p{max-width:820px!important;color:#4d535d!important}
body.workflow-page .cta .btn-primary{
  min-width:232px;
  border:1px solid rgba(17,19,24,.08)!important;
  background:#fff!important;
  color:#111318!important;
  box-shadow:none!important;
}
body.workflow-page .cta .btn-primary:hover{color:var(--primary)!important}
/* =========================================================
   首页：总专题也采用平铺结构，但保留总览层级
   ========================================================= */
/* =========================================================
   智慧流程页
   ========================================================= */
/* =========================================================
   灵动节点页
   ========================================================= */
/* =========================================================
   智慧表单页
   ========================================================= */
/* ---------- Responsive ---------- */
@media (max-width:1080px){
body.workflow-page .index-v4-grid,
body.workflow-page .types-hero-grid,
body.workflow-page .nodes-hero-grid,
body.workflow-page .template-hero-grid{grid-template-columns:1fr!important;gap:48px!important}
body.workflow-page .index-v4-hero,
body.workflow-page .types-hero,
body.workflow-page .nodes-hero,
body.workflow-page .template-hero{min-height:auto!important}
body.workflow-page .hub-card:nth-child(2n){border-right:0!important}
}
@media (max-width:760px){
:root{--workflow-section-gap:68px;--workflow-heading:30px}
body.workflow-page .index-v4-hero,
body.workflow-page .types-hero,
body.workflow-page .nodes-hero,
body.workflow-page .template-hero{padding:64px 0!important}
body.workflow-page .index-v4-title .main,
body.workflow-page .types-hero h1,
body.workflow-page .nodes-hero h1,
body.workflow-page .template-hero h1{font-size:42px!important}
body.workflow-page .index-v4-title .sub,
body.workflow-page .types-hero h1 span,
body.workflow-page .nodes-hero h1 span,
body.workflow-page .template-hero h1 span{font-size:26px!important}
body.workflow-page .capability-hub{grid-template-columns:1fr!important}
body.workflow-page .hub-card{border-right:0!important;border-bottom:1px solid var(--workflow-rule-soft)!important}
body.workflow-page .hub-card:last-child{border-bottom:0!important}
body.workflow-page .faq-grid{grid-template-columns:1fr!important}
}
@media (max-width:520px){
:root{--workflow-heading:27px}
body.workflow-page .index-v4-title .main,
body.workflow-page .types-hero h1,
body.workflow-page .nodes-hero h1,
body.workflow-page .template-hero h1{font-size:36px!important}
body.workflow-page .index-v4-title .sub,
body.workflow-page .types-hero h1 span,
body.workflow-page .nodes-hero h1 span,
body.workflow-page .template-hero h1 span{font-size:23px!important}
}
/* =========================================================
   节点权限页
   ========================================================= */
/* =========================================================
   V2 · 全专题统一延展阅读屏
   ========================================================= */
body.workflow-page .reading-section>.container{
  padding-left:24px!important;
  padding-right:24px!important;
}
body.workflow-page .reading-section .section-head{margin-bottom:24px!important}
body.workflow-page .reading-list{
  border-top:1px solid var(--workflow-rule);
  border-bottom:1px solid var(--workflow-rule);
}
body.workflow-page .reading-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  padding:21px 0 22px;
  border-bottom:1px solid var(--workflow-rule);
  color:inherit;
  text-decoration:none;
}
body.workflow-page .reading-item:last-child{border-bottom:0}
body.workflow-page .reading-topic{
  display:block;
  margin-bottom:7px;
  color:var(--primary);
  font-size:13px;
  font-weight:900;
  line-height:1.5;
}
body.workflow-page .reading-copy h3{
  margin:0;
  color:var(--ink);
  font-size:21px;
  line-height:1.5;
  transition:color .2s ease;
}
body.workflow-page .reading-copy p{
  margin:7px 0 0;
  max-width:940px;
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
}
body.workflow-page .reading-link{
  color:var(--primary);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
body.workflow-page .reading-item:hover .reading-copy h3{color:var(--primary)}
body.workflow-page .reading-more{
  display:block;
  width:max-content;
  margin:18px 0 0 auto;
  color:var(--primary);
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}
/* Keep white/gray rhythm after the newly inserted screen. */
@media (max-width:760px){
body.workflow-page .reading-item{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 0 19px;
  }
body.workflow-page .reading-copy h3{font-size:18px}
body.workflow-page .reading-copy p{font-size:13px;line-height:1.8}
body.workflow-page .reading-link{justify-self:start}
}
@media (max-width:620px){
body.workflow-page .reading-section>.container{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
/* =========================================================
   首页｜流程能力组合：流程类型恢复为卡片形式
   ========================================================= */
/* 首页｜流程能力组合：详情按钮与描述同行右对齐 */
/* 首页｜后续能力屏：详情按钮统一放到描述文字右侧 */
/* 首页｜真实业务验证：入口移至描述右侧后，结论区改为单列 */