/* 智多 iKeeper · 合规信任型 */
.pp-ikeeper-pillars { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.pp-ikeeper-pillars__item { padding: 2rem 1.5rem; border-radius: 20px; background: var(--pp-card); border: 1px solid var(--pp-line); }
.pp-ikeeper-pillars__icon {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #0071e3;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

.pp-ikeeper-pillars__icon svg {
    width: 32px;
    height: 32px;
    stroke-width: 2.25;
}

.pp-section--dark .pp-ikeeper-pillars__item {
    background: #242428;
    border-color: rgba(255, 255, 255, 0.14);
}

.pp-section--dark .pp-ikeeper-pillars__icon {
    color: #0071e3;
    background: #f5f5f7;
    box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.55);
}
.pp-ikeeper-pillars__item h3 { margin: 1.25rem 0 0.5rem; font-size: 1.2rem; font-weight: 600; color: var(--pp-text); }
.pp-ikeeper-pillars__item p { margin: 0; font-size: 0.92rem; line-height: 1.55; color: var(--pp-text-2); }

.pp-ikeeper-steps { list-style: none; margin: 0 auto; padding: 0; max-width: 820px; counter-reset: pp-step; }
.pp-ikeeper-steps__item { counter-increment: pp-step; position: relative; display: flex; align-items: center; gap: 1.5rem; padding: 1.75rem 0 1.75rem 4rem; border-bottom: 1px solid var(--pp-line); }
.pp-ikeeper-steps__item::before {
    content: counter(pp-step);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 700;
    color: var(--pp-accent);
    background: rgba(0, 113, 227, 0.1);
}
.pp-ikeeper-steps__body { flex: 1; }
.pp-ikeeper-steps__body h3 { margin: 0 0 0.35rem; font-size: 1.15rem; font-weight: 600; color: var(--pp-text); }
.pp-ikeeper-steps__body p { margin: 0; font-size: 0.92rem; color: var(--pp-text-2); }
.pp-ikeeper-steps__action { display: flex; align-items: center; gap: 0.75rem; }

.pp-ikeeper-about { max-width: 820px; }
.pp-ikeeper-doc { border-bottom: 1px solid var(--pp-line); }
.pp-ikeeper-doc summary { cursor: pointer; list-style: none; padding: 1.25rem 0; font-size: 1.15rem; font-weight: 600; color: var(--pp-text); display: flex; justify-content: space-between; }
.pp-ikeeper-doc summary::-webkit-details-marker { display: none; }
.pp-ikeeper-doc summary::after { content: '+'; color: var(--pp-accent); font-weight: 400; }
.pp-ikeeper-doc[open] summary::after { content: '−'; }
.pp-ikeeper-doc .markdown-body { padding-bottom: 1.5rem; color: var(--pp-text-2); line-height: 1.8; }

[data-theme="dark"] .pp-ikeeper .pp-ikeeper-pillars__icon {
    color: #0071e3;
    background: #f5f5f7;
}
[data-theme="dark"] .pp-ikeeper .pp-ikeeper-steps__item::before {
    background: rgba(0, 113, 227, 0.18);
    color: #6cb4ff;
}

@media (max-width: 900px) {
    .pp-ikeeper-pillars { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .pp-ikeeper-pillars { grid-template-columns: 1fr; }
    .pp-ikeeper-steps__item { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .pp-ikeeper-doc summary { transition: none; }
}
