/* 好维护 HaoWeihu · 智能运维专属页（品牌蓝 #245BE3 / 青 #17B9AE） */

.pp-page.pp-haoweihu {
    --pp-brand: #245BE3;
    --pp-accent: #245BE3;
}

[data-theme="dark"] .pp-page.pp-haoweihu {
    --pp-brand: #4d7fff;
    --pp-accent: #4d7fff;
}

.pp-haoweihu .pp-hero__stage {
    background:
        radial-gradient(80% 70% at 65% 35%, rgba(36, 91, 227, 0.16) 0%, transparent 55%),
        radial-gradient(70% 60% at 25% 75%, rgba(23, 185, 174, 0.14) 0%, transparent 50%),
        linear-gradient(165deg, #f3f6fc 0%, #e6eef9 100%);
}

.pp-haoweihu .pp-hero__stage .gl-card-static {
    object-fit: contain;
    object-position: center;
    padding: clamp(1.5rem, 4vw, 2.75rem);
    background: transparent;
}

.pp-haoweihu-highlights { padding: clamp(3rem, 6vw, 4.5rem) 0; }
.pp-haoweihu-highlights__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    text-align: center;
}
.pp-haoweihu-highlights__value {
    display: block;
    font-size: clamp(2.8rem, 7vw, 5rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient(180deg, #ffffff 0%, #7eb0ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.pp-haoweihu-highlights__label {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.95rem;
    color: #a1a1a6;
}
.pp-haoweihu-highlights__note {
    margin-top: 2rem;
    text-align: center;
    font-size: 0.8rem;
    color: #8e8e93;
}

.pp-haoweihu-caps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}
.pp-haoweihu-caps__item {
    padding: 1.75rem 1.5rem;
    border-radius: var(--pp-radius-lg);
    background: var(--pp-card);
    border: 1px solid var(--pp-line);
    box-shadow: var(--pp-shadow-card);
}
.pp-haoweihu-caps__icon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #245BE3;
    background: rgba(36, 91, 227, 0.1);
}
.pp-haoweihu-caps__item h3 {
    margin: 1.1rem 0 0.45rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--pp-text);
}
.pp-haoweihu-caps__item p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--pp-text-2);
}

.pp-haoweihu-scenes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}
.pp-haoweihu-scenes li {
    padding: 0.65rem 1.15rem;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--pp-text);
    background: var(--pp-card);
    border: 1px solid var(--pp-line);
}

.pp-haoweihu-offers {
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
}
.pp-haoweihu-offers li {
    padding: 0.55rem 1rem;
    border-radius: var(--pp-radius-sm);
    font-size: 0.9rem;
    font-weight: 600;
    color: #245BE3;
    background: rgba(36, 91, 227, 0.08);
}

.pp-haoweihu-steps {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 820px;
    display: grid;
    gap: 1rem;
}
.pp-haoweihu-steps li {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1.35rem 1.5rem;
    border-radius: var(--pp-radius-lg);
    background: var(--pp-card);
    border: 1px solid var(--pp-line);
}
.pp-haoweihu-steps__num {
    flex: none;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #245BE3;
    font-variant-numeric: tabular-nums;
}
.pp-haoweihu-steps h3 {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--pp-text);
}
.pp-haoweihu-steps p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--pp-text-2);
}

.pp-haoweihu-trust {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.pp-haoweihu-trust h3 {
    margin: 0 0 0.5rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: #f5f5f7;
}
.pp-haoweihu-trust p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #a1a1a6;
}

[data-theme="dark"] .pp-haoweihu .pp-haoweihu-caps__icon {
    color: #4d7fff;
    background: rgba(36, 91, 227, 0.22);
}
[data-theme="dark"] .pp-haoweihu .pp-haoweihu-offers li {
    color: #7eb0ff;
    background: rgba(36, 91, 227, 0.18);
}
[data-theme="dark"] .pp-haoweihu .pp-haoweihu-steps__num {
    color: #7eb0ff;
}

@media (max-width: 900px) {
    .pp-haoweihu-highlights__grid,
    .pp-haoweihu-caps,
    .pp-haoweihu-trust {
        grid-template-columns: 1fr;
    }
}
@media (min-width: 601px) and (max-width: 900px) {
    .pp-haoweihu-caps,
    .pp-haoweihu-trust {
        grid-template-columns: 1fr 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pp-haoweihu * {
        transition: none !important;
    }
}