/* 产品详情沿用新版首页的公共主题；拼接图片保留原有内容。 */
.product-page { background: var(--pale); }
.product-page .nav a[aria-current="page"] { color: var(--blue); }
.product-page .nav a[aria-current="page"]::after {
  content: ""; position: absolute; bottom: 16px; left: 0; right: 0;
  height: 2px; background: var(--blue);
}
.product-content { width: min(var(--container), calc(100% - 96px)); margin-inline: auto; background: #fff; }
.product-page .site-footer { padding-top: 44px; background: #fff; }
.page-slice { width: 100%; display: block; position: relative; line-height: 0; }
.page-slice img { display: block; width: 100%; height: auto; opacity: 0; transition: opacity .3s ease; }
.page-slice.loaded img { opacity: 1; }
.page-slice .placeholder { position: absolute; inset: 0; background: #f5f8ff; }
.page-slice.loaded .placeholder { display: none; }
.spinner { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid var(--line); border-top-color: var(--blue); border-radius: 50%; animation: slice-spin .8s linear infinite; }
@keyframes slice-spin { to { transform: rotate(360deg); } }
@media (max-width: 1200px) { .product-content { width: calc(100% - 64px); } }
@media (max-width: 960px) { .product-page .nav a[aria-current="page"]::after { display: none; } }
@media (max-width: 768px) { .product-content { width: 100%; } .product-page .site-footer { padding-top: 28px; } }
@media (prefers-reduced-motion: reduce) { .page-slice img { transition: none; } .spinner { animation: none; } }