/* 产品身份共享层：官方产品 Mark + 克制轨道动效；不替代 HTML 产品名称。 */
.ztc-product-identity--hero {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: clamp(24px, 6vw, 112px);
    display: grid;
    width: clamp(270px, 31vw, 450px);
    aspect-ratio: 1;
    place-items: center;
    transform: translateY(-50%);
    pointer-events: none;
}
.ztc-product-identity--hero::before {
    position: absolute;
    inset: 11%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(97, 204, 240, .14), rgba(0, 103, 180, .04) 58%, transparent 72%);
    box-shadow: inset 0 0 54px rgba(158, 223, 244, .1);
    content: "";
}
.ztc-product-identity__mark {
    position: relative;
    z-index: 2;
    width: 46%;
    height: 46%;
    object-fit: contain;
    filter: drop-shadow(0 22px 38px rgba(3, 29, 54, .28));
}
.ztc-product-identity__orbit {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
}
.ztc-product-identity__orbit::before,
.ztc-product-identity__orbit::after {
    position: absolute;
    border-radius: 50%;
    background: var(--ztc-brand-cyan);
    box-shadow: 0 0 16px rgba(97, 204, 240, .68);
    content: "";
}
.ztc-product-identity__orbit--outer {
    inset: 4%;
    animation: ztc-product-orbit 24s linear infinite;
}
.ztc-product-identity__orbit--outer::before { top: 16%; right: 8%; width: 7px; height: 7px; }
.ztc-product-identity__orbit--outer::after { bottom: 11%; left: 19%; width: 4px; height: 4px; }
.ztc-product-identity__orbit--inner {
    inset: 18%;
    border-style: dashed;
    border-color: rgba(158, 223, 244, .28);
    animation: ztc-product-orbit 18s linear infinite reverse;
}
.ztc-product-identity__orbit--inner::before { top: -3px; left: 48%; width: 5px; height: 5px; }
.ztc-product-identity__orbit--inner::after { right: -3px; bottom: 32%; width: 5px; height: 5px; }
.ztc-product-identity__dna {
    position: absolute;
    right: 0;
    bottom: 12%;
    opacity: .72;
    transform: rotate(-12deg);
}
.ztc-product-line-mark {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}
.ph-line-icon .ztc-product-line-mark { width: 38px; height: 38px; }
.ph-architecture-icon .ztc-product-line-mark { width: 34px; height: 34px; }

@keyframes ztc-product-orbit { to { transform: rotate(360deg); } }

@media (max-width: 880px) {
    .ztc-product-identity--hero {
        right: -16vw;
        width: min(78vw, 410px);
        opacity: .22;
    }
    .ztc-product-identity__mark { width: 52%; height: 52%; }
    .ztc-product-identity__dna { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ztc-product-identity__orbit { animation: none !important; }
}