/* 家长消息处理系统案例页：在求职版外观上，用软件自己的蓝色做点缀 */
.page-pms.theme-modern { --accent: #2557d6; --accent-soft: rgba(37, 87, 214, 0.08); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .page-pms.theme-modern { --accent: #7aa2ff; } }
:root[data-theme="dark"] .page-pms.theme-modern { --accent: #7aa2ff; }

.page-pms .shot .frame { background: #f4f6fb; }
.demo-tag {
  position: absolute; top: 8px; right: 8px; z-index: 2; font: 600 12px/1 var(--f-sans);
  padding: 5px 8px; border-radius: 5px; background: rgba(22, 24, 29, 0.75); color: #fff;
}

.flow5 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; counter-reset: s; }
.flow5 li { counter-increment: s; padding: 16px 14px; }
.flow5 li::before { content: counter(s); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--accent); color: #fff; font: 700 12.5px/1 var(--f-sans); margin-bottom: 10px; }
.flow5 b { display: block; font-size: 15.5px; margin-bottom: 4px; }
.flow5 span { display: block; font-size: 14px; color: var(--ink-2); line-height: 1.65; }
@media (max-width: 980px) { .flow5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .flow5 { grid-template-columns: 1fr; } }