/* ===== 产品详情页补充样式 ===== */

/* 产品亮点统计 */
.product-highlights {
    background: var(--bg-card);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 0;
}
.highlights-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.highlight-item {
    flex: 1;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 30px 20px;
    border-right: 1px solid var(--border);
    text-align: center;
    transition: var(--transition);
}
.highlight-item:last-child { border-right: none; }
.highlight-item:hover { background: rgba(0, 212, 255, 0.04); }
.hl-num {
    font-size: 1.8rem;
    font-weight: 900;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
}
.hl-label {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* 规格快速标签 */
.pd-spec-quick {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
}
.pd-spec-tag {
    padding: 4px 10px;
    background: rgba(0, 212, 255, 0.08);
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 12px;
    font-size: 0.72rem;
    color: var(--primary);
}

/* 展示框动态光圈 */
.showcase-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(0, 212, 255, 0.15);
    pointer-events: none;
    animation: spin-slow linear infinite;
}
.showcase-ring.r1 { width: 280px; height: 280px; animation-duration: 20s; }
.showcase-ring.r2 { width: 340px; height: 340px; border-style: dashed; animation-duration: 30s; animation-direction: reverse; }
@keyframes spin-slow { to { transform: rotate(360deg); } }

/* 相关产品区域 */
.related-products-section {
    padding: 80px 0 100px;
    background: var(--bg-secondary);
}

/* 下载列表 */
.download-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.download-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(0, 212, 255, 0.04);
    border: 1px solid rgba(0, 212, 255, 0.1);
    border-radius: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
    transition: var(--transition);
}
.download-item:hover {
    border-color: var(--primary);
    color: var(--primary);
}
.dl-icon { font-size: 1.2rem; flex-shrink: 0; }
.dl-name { flex: 1; }

/* 响应式 */
@media (max-width: 768px) {
    .highlights-container { padding: 0 10px; }
    .highlight-item { min-width: 80px; padding: 20px 10px; border-right: none; border-bottom: 1px solid var(--border); }
    .highlight-item:last-child { border-bottom: none; }
    .hl-num { font-size: 1.4rem; }
}
