/* 整屏深色板块沿用第二屏的同一深灰，避免保密区出现另一种近似黑色。 */
:root { --section-dark: #171b22; }
.business-intro::before, #scope, #proof.proof-security-only { background: var(--section-dark); }
#scope .case-window::after { background: linear-gradient(90deg, transparent, var(--section-dark) 92%); }
/* 工作流独立成块；标题与右侧说明保持与全站相同的内容边界。 */
#practice { border-top: 1px solid #c8cbd0; background: var(--paper); scroll-margin-top: 96px; }
#practice .method { padding-block: 88px 96px; }
#practice .method-heading {
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
  gap: clamp(56px, calc(6 * var(--layout-unit)), 96px);
  align-items: end;
  align-items: last baseline;
  margin-bottom: 64px;
}
#practice .method-heading h2 { max-width: none; margin: 0; line-height: 1.12; }
#practice .workflow-brand { display: block; margin-bottom: 22px; font-size: 28px; line-height: 1.2; letter-spacing: -.02em; }
#practice .workflow-title-line { display: block; white-space: nowrap; }
#practice .method-heading > p { max-width: 560px; margin: 0; font-size: 20px; line-height: 1.65; text-wrap: pretty; }
/* 共用轨道穿过编号节点，实心三角只表达流程推进，不作为链接装饰。 */
#practice .method-rail { position: relative; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; border-top: 0; padding-bottom: 30px; }
#practice .method-rail::before { position: absolute; top: 27px; right: calc(20% - 50.4px); left: 27px; height: 2px; content: ""; background: #c8cbd0; }
#practice .method-rail article,
#practice .method-rail article + article { position: relative; display: block; padding: 0 16px 0 0; border: 0; }
#practice .method-rail article:last-child { grid-column: auto; }
#practice .method-rail article:not(:last-child)::after { position: absolute; top: 22px; right: -12px; width: 11px; height: 12px; content: ""; background: #7279a1; clip-path: polygon(0 0, 100% 50%, 0 100%); }
#practice .method-rail .step-number { position: relative; z-index: 1; display: grid; width: 56px; height: 56px; place-items: center; border: 5px solid var(--paper); border-radius: 50%; color: #fff; background: #5762d8; font-size: 18px; line-height: 1; font-weight: 600; }
#practice .method-rail h3 { margin: 26px 0 12px; font-size: 24px; }
#practice .method-rail p { font-size: 18px; line-height: 1.65; text-wrap: pretty; }
/* 小屏按阅读顺序转为纵向轨道，避免把五个阶段压成小字。 */
@media (max-width: 680px) {
  #practice .method { padding-block: 60px 68px; }
  #practice .method-heading { grid-template-columns: 1fr; gap: 26px; margin-bottom: 38px; }
  #practice .workflow-brand { font-size: 23px; margin-bottom: 18px; }
  #practice .method-heading h2 { font-size: 36px; }
  #practice .method-heading > p { font-size: 18px; line-height: 1.65; }
  #practice .method-rail { grid-template-columns: 1fr; gap: 0; padding-bottom: 0; }
  #practice .method-rail::before { top: 27px; bottom: 50px; left: 27px; right: auto; width: 2px; height: auto; }
  #practice .method-rail article,
  #practice .method-rail article + article { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 18px; padding: 0 0 30px; }
  #practice .method-rail article:not(:last-child)::after { top: auto; bottom: 10px; right: auto; left: 22px; transform: rotate(90deg); }
  #practice .method-rail .step-number { grid-row: 1 / 3; }
  #practice .method-rail h3 { margin: 5px 0 8px; font-size: 22px; }
  #practice .method-rail p { grid-column: 2; font-size: 16px; }
}