/* 隐藏滚动条 */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 详情页特有局部布局 */
.detail-breadcrumb { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: #fff; position: sticky; top: 3.5rem; z-index: 40; border-bottom: 1px solid var(--cake-light); }
@media (min-width: 768px) { .detail-breadcrumb { position: static; border: none; padding: 1rem 0; background: transparent; } }

.detail-main { display: flex; flex-direction: column; gap: 0; background: #fff; }
@media (min-width: 768px) { .detail-main { flex-direction: row; gap: 2.5rem; padding: 2.5rem 0; background: transparent; } }

.detail-gallery { width: 100%; }
@media (min-width: 768px) { .detail-gallery { width: 50%; } }

.detail-info { width: 100%; padding: 1.5rem 1rem; display: flex; flex-direction: column; }
@media (min-width: 768px) { .detail-info { width: 50%; padding: 2rem; background: #fff; border-radius: 8px; border: 1px solid var(--cake-light); box-shadow: 0 2px 10px rgba(0,0,0,0.02); } }

/* 轮播与相册 */
.mobile-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; aspect-ratio: 4/5; background: var(--cake-light); width: 100%; }
.gallery-slide { scroll-snap-align: center; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.desktop-gallery { display: none; }
@media (min-width: 768px) { .desktop-gallery { display: block; background: #fff; border-radius: 8px; padding: 1.5rem; border: 1px solid var(--cake-light); } }

.thumb-list { display: flex; gap: 0.5rem; overflow-x: auto; margin-top: 0.75rem; padding: 0 0.25rem; }
.thumb-item { width: 4rem; height: 4rem; flex-shrink: 0; cursor: pointer; border: 2px solid transparent; opacity: 0.5; transition: all 0.3s; overflow: hidden; border-radius: 4px; }
.thumb-item:hover { border-color: var(--cake-gold); opacity: 1; }

/* 标签与价格 */
.detail-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.detail-tag { background: var(--cake-light); color: var(--cake-muted); padding: 0.25rem 0.75rem; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 2px; }
.detail-tag-hot { background: rgba(194, 162, 103, 0.1); color: var(--cake-chocolate); font-weight: 600; padding: 0.25rem 0.75rem; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 2px; }

.price-wrap { display: flex; align-items: flex-end; gap: 0.75rem; margin-bottom: 1.5rem; }
.price-current { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--cake-gold); line-height: 1; }
@media (min-width: 768px) { .price-current { font-size: 2.5rem; } }
.price-old { font-size: 0.875rem; color: var(--cake-muted); text-decoration: line-through; margin-bottom: 0.25rem; }

/* SKU 属性按钮 */
.variant-list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.variant-btn { cursor: pointer; padding: 0.5rem 1rem; border: 1px solid var(--cake-light); font-size: 0.75rem; color: var(--cake-muted); transition: all 0.3s; background: #fff; }
.variant-btn:hover { border-color: var(--cake-chocolate); color: var(--cake-chocolate); }
.variant-btn.on { border-color: var(--cake-chocolate); background-color: var(--cake-chocolate); color: #fff; }

/* 桌面端专属购买按钮容器 */
.desktop-action-btns { display: none; gap: 1rem; margin-top: 2rem; margin-bottom: 1.5rem; }
@media (min-width: 768px) { .desktop-action-btns { display: flex; } }

/* 服务保障说明 */
.service-box { background: var(--cake-cream); border: 1px solid var(--cake-light); padding: 1rem 1.25rem; border-radius: 4px; margin-bottom: 1.5rem; }
.service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem 0.5rem; margin-top: 1rem; font-size: 0.65rem; color: var(--cake-chocolate); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

/* 产品描述区块 */
.detail-desc-block { border-top: 1px solid var(--cake-light); padding-top: 1.5rem; margin-top: auto; }
.desc-item { margin-bottom: 1.25rem; font-size: 0.875rem; color: var(--cake-muted); line-height: 1.6; }
.desc-title { font-size: 0.65rem; font-weight: 600; color: var(--cake-dark); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.35rem; display: block; }

/* 详情图无缝拼接 */
.pro-detail-images { width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.pro-detail-images img { display: block; width: 100%; height: auto; margin: 0; padding: 0; }

/* 政策条款与评价 */
.policy-section { margin-top: 3rem; border-top: 1px solid var(--cake-light); padding-top: 2rem; }
.policy-title { font-family: 'Playfair Display', serif; font-size: 1.25rem; color: var(--cake-dark); text-align: center; margin-bottom: 1.5rem; }

.review-section { margin-top: 2rem; margin-bottom: 4rem; background: #fff; padding: 1.5rem; border: 1px solid var(--cake-light); }
@media (min-width: 768px) { .review-section { padding: 2rem; margin-bottom: 2rem; } }

/* 移动端底部操作栏 */
.mobile-bottom-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid var(--cake-light); display: flex; height: 3.75rem; z-index: 50; box-shadow: 0 -4px 20px rgba(0,0,0,0.06); }
@media (min-width: 768px) { .mobile-bottom-bar { display: none; } }
.bottom-icon-btn { width: 16.66%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.55rem; color: var(--cake-muted); border-right: 1px solid var(--cake-light); text-transform: uppercase; letter-spacing: 0.05em; }
.bottom-action-btn { width: 33.33%; display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border: none; outline: none; }