@once
    <style>
        .pro-overview { --pro-border: #e9edf3; --pro-muted: #64748b; }
        .pro-overview .pro-metric,
        .pro-overview .pro-panel {
            height: 100%;
            border: 1px solid var(--pro-border);
            border-radius: 16px;
            background: #fff;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
        }
        .pro-overview .pro-metric { padding: 18px; }
        .pro-overview .pro-icon {
            display: inline-flex; align-items: center; justify-content: center;
            width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; font-size: 18px;
        }
        .pro-overview .pro-panel { overflow: hidden; }
        .pro-overview .pro-panel-header {
            display: flex; align-items: center; gap: 12px; padding: 18px 20px;
            border-bottom: 1px solid var(--pro-border); background: #fbfcfe;
        }
        .pro-overview .pro-panel-header .pro-icon { width: 36px; height: 36px; flex-basis: 36px; font-size: 16px; }
        .pro-overview .pro-panel-body { padding: 8px 20px; }
        .pro-overview .pro-detail {
            display: grid; grid-template-columns: minmax(125px, .8fr) minmax(0, 1.2fr);
            gap: 18px; align-items: center; min-height: 52px; padding: 11px 0;
            border-bottom: 1px solid #f0f2f5;
        }
        .pro-overview .pro-detail:last-child { border-bottom: 0; }
        .pro-overview .pro-label { color: var(--pro-muted); font-size: 13px; font-weight: 600; }
        .pro-overview .pro-value { min-width: 0; color: #172033; font-weight: 600; text-align: right; overflow-wrap: anywhere; }
        .pro-overview .pro-snapshot {
            position: relative; height: 100%; padding: 16px 16px 16px 48px;
            border: 1px solid var(--pro-border); border-radius: 12px; background: #fbfcfe;
        }
        .pro-overview .pro-snapshot > i { position: absolute; top: 17px; left: 17px; color: #3458ff; }
        .pro-overview .pro-record-link {
            display: flex; align-items: center; justify-content: space-between; gap: 12px;
            padding: 12px 0; border-bottom: 1px solid #f0f2f5;
        }
        .pro-overview .pro-record-link:last-child { border-bottom: 0; }
        .pro-overview .pro-stage-scroll { overflow-x: auto; padding: 4px 2px 14px; }
        .pro-overview .pro-stage-scroll .arrow-steps { min-width: 820px; }
        @media (max-width: 575.98px) {
            .pro-overview .pro-detail { grid-template-columns: 1fr; gap: 4px; }
            .pro-overview .pro-value { text-align: left; }
        }
    </style>
@endonce
