.zjl-v2 .zjl-price-panel {
    background: var(--zjl-surface-card);
    border-top: 1px solid var(--zjl-ink-primary);
    border-bottom: 1px solid var(--zjl-ink-primary);
}

.zjl-v2 .zjl-price-panel__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--zjl-space-4);
    padding: var(--zjl-space-3) var(--zjl-space-5);
    border-bottom: 1px solid var(--zjl-border-warm);
}

.zjl-v2 .zjl-price-panel__label {
    color: var(--zjl-ink-primary);
    font-size: var(--zjl-fs-micro);
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.zjl-v2 .zjl-price-panel__live {
    color: var(--zjl-status-up);
    flex: 0 0 auto;
    font-family: var(--zjl-font-mono);
    font-size: var(--zjl-fs-micro);
    letter-spacing: 0.04em;
    line-height: 1.4;
}

.zjl-v2 .zjl-price-panel__live::before {
    content: "●";
    margin-right: 5px;
}

.zjl-v2 .zjl-price-panel__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zjl-v2 .zjl-price-panel__cell {
    min-width: 0;
    padding: var(--zjl-space-5);
    border-right: 1px solid var(--zjl-border-cool);
    border-bottom: 1px solid var(--zjl-border-cool);
}

.zjl-v2 .zjl-price-panel__cell:nth-child(2n) {
    border-right: 0;
}

.zjl-v2 .zjl-price-panel__cell:nth-last-child(-n+2) {
    border-bottom: 0;
}

.zjl-v2 .zjl-price-panel__name {
    margin-bottom: var(--zjl-space-2);
    color: var(--zjl-ink-muted);
    font-size: var(--zjl-fs-micro);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.zjl-v2 .zjl-price-panel__num {
    color: var(--zjl-ink-primary);
    font-family: var(--zjl-font-mono);
    font-size: 1.625rem;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
    overflow-wrap: anywhere;
}

.zjl-v2 .zjl-price-panel__num small {
    margin-left: 4px;
    color: var(--zjl-ink-muted);
    font-family: var(--zjl-font-sans);
    font-size: 0.6875rem;
    font-weight: 500;
}

.zjl-v2 .zjl-price-panel__delta {
    margin-top: var(--zjl-space-2);
    font-family: var(--zjl-font-mono);
    font-size: var(--zjl-fs-micro);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1.4;
}

.zjl-v2 .zjl-price-panel__delta--up {
    color: var(--zjl-status-up);
}

.zjl-v2 .zjl-price-panel__delta--down {
    color: var(--zjl-status-down);
}

.zjl-v2 .zjl-price-panel__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--zjl-space-4);
    padding: var(--zjl-space-3) var(--zjl-space-5);
    border-top: 1px solid var(--zjl-border-warm);
    background: var(--zjl-accent-soft);
    color: var(--zjl-ink-muted);
    font-size: var(--zjl-fs-small);
    line-height: 1.55;
}

.zjl-v2 .zjl-price-panel__foot strong {
    color: var(--zjl-ink-primary);
}

.zjl-v2 .zjl-price-ticker {
    overflow: hidden;
    border-top: 1px solid var(--zjl-ink-primary);
    border-bottom: 1px solid var(--zjl-ink-primary);
    background: var(--zjl-surface-card);
}

.zjl-v2 .zjl-price-ticker__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: 42px;
    color: var(--zjl-ink-body);
    text-decoration: none;
}

.zjl-v2 .zjl-price-ticker__label,
.zjl-v2 .zjl-price-ticker__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 var(--zjl-space-4);
    background: var(--zjl-surface-card);
    color: var(--zjl-ink-primary);
    font-size: var(--zjl-fs-micro);
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    white-space: nowrap;
}

.zjl-v2 .zjl-price-ticker__label {
    border-right: 1px solid var(--zjl-border-warm);
}

.zjl-v2 .zjl-price-ticker__label::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: var(--zjl-space-2);
    border-radius: 50%;
    background: var(--zjl-status-up);
}

.zjl-v2 .zjl-price-ticker__link {
    border-left: 1px solid var(--zjl-border-warm);
    color: var(--zjl-accent-hover);
}

.zjl-v2 .zjl-price-ticker__viewport {
    overflow: hidden;
    min-width: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
}

.zjl-v2 .zjl-price-ticker__track {
    display: flex;
    width: max-content;
    animation: zjl-price-ticker-scroll 34s linear infinite;
}

.zjl-v2 .zjl-price-ticker:hover .zjl-price-ticker__track,
.zjl-v2 .zjl-price-ticker:focus-within .zjl-price-ticker__track {
    animation-play-state: paused;
}

.zjl-v2 .zjl-price-ticker__group,
.zjl-v2 .zjl-price-ticker__item,
.zjl-v2 .zjl-price-ticker__source {
    display: inline-flex;
    align-items: center;
}

.zjl-v2 .zjl-price-ticker__group {
    gap: var(--zjl-space-5);
    padding: 0 var(--zjl-space-5);
}

.zjl-v2 .zjl-price-ticker__item {
    gap: var(--zjl-space-2);
    white-space: nowrap;
}

.zjl-v2 .zjl-price-ticker__name,
.zjl-v2 .zjl-price-ticker__source {
    color: var(--zjl-ink-muted);
    font-size: var(--zjl-fs-small);
}

.zjl-v2 .zjl-price-ticker__value,
.zjl-v2 .zjl-price-ticker__change {
    font-family: var(--zjl-font-mono);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    font-size: var(--zjl-fs-small);
    line-height: 1.2;
}

.zjl-v2 .zjl-price-ticker__value {
    color: var(--zjl-ink-primary);
    font-weight: 800;
}

.zjl-v2 .zjl-price-ticker__change {
    font-weight: 700;
}

.zjl-v2 .zjl-price-ticker__change--up {
    color: var(--zjl-status-up);
}

.zjl-v2 .zjl-price-ticker__change--down {
    color: var(--zjl-status-down);
}

@keyframes zjl-price-ticker-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zjl-v2 .zjl-price-ticker__track {
        animation: none;
    }
}

@media (min-width: 768px) {
    .zjl-v2 .zjl-price-panel__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .zjl-v2 .zjl-price-panel__cell:nth-child(2n) {
        border-right: 1px solid var(--zjl-border-cool);
    }

    .zjl-v2 .zjl-price-panel__cell:nth-child(4n) {
        border-right: 0;
    }

    .zjl-v2 .zjl-price-panel__cell:nth-last-child(-n+4) {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .zjl-v2 .zjl-price-ticker__inner {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .zjl-v2 .zjl-price-ticker__link {
        display: none;
    }

    .zjl-v2 .zjl-price-ticker__label {
        padding: 0 var(--zjl-space-3);
    }
}
