@charset "utf-8";
/* ========== 商品详情页增强样式 ========== */
/* 覆盖旧版 detail.css-20180912.css 的样式 */

/* 页面背景 */
.page-detail {
  background-color: var(--bg-color, #F7F8FA) !important;
}

/* 详情面板 - 卡片化（排除图片区 .detail-view） */
.detail-panel:not(.detail-view) {
  background-color: var(--card-bg, #fff);
  box-shadow: none;
  border-radius: var(--radius-medium, 12px);
  margin: 0 .2rem .2rem;
  padding: .94rem;
  overflow: hidden;
}

/* 商品图片区 - 保持原始布局不动，仅加底部圆角 */
.detail-view {
  border-radius: 0;
  margin: 0;
}
.gallery-slides .swiper-page .swiper-pagination-bullet {
  width: .12rem;
  height: .06rem;
  border-radius: .03rem;
  background: rgba(255,255,255,0.5);
  opacity: 1;
  transition: all 0.3s ease;
}
.gallery-slides .swiper-page .swiper-pagination-bullet-active {
  width: .3rem;
  background: var(--primary-color, #019C50);
  opacity: 1;
}

/* 商品信息区 */
.detail-summary {
  border-radius: var(--radius-medium, 12px);
  margin: .2rem .2rem 0;
  padding: .6rem .94rem .94rem !important;
}

/* 价格区域 */
.detail-summary .summary-price {
  background: linear-gradient(135deg, #FFF5F5 0%, #FFEDED 100%);
  border-radius: var(--radius-small, 8px);
  margin: .3rem -.4rem 0;
  padding: .3rem .4rem;
}
.detail-summary .summary-price .pd-price {
  display: inline-block;
  padding-left: .25rem;
}
.detail-summary .summary-price .pd-price .price-ico {
  font-size: 1rem;
  color: var(--accent-color, #FF5556);
  font-weight: 400;
}
.detail-summary .summary-price .pd-price .price-amount {
  font-size: 1.6rem;
  color: var(--accent-color, #FF5556);
  font-family: 'DIN-PRO', -apple-system, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.detail-summary .summary-price .sys-badge {
  background: var(--accent-gradient, linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%));
  border-radius: var(--radius-round, 999px);
  box-shadow: 0 2px 6px rgba(255,85,86,.3);
  font-size: .65rem;
  height: .9rem;
  line-height: .95rem;
  padding: 0 .2rem;
}

/* 商品标题 */
.detail-summary .summary-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-primary, #323233);
}
.detail-summary .summary-title img {
  height: 1rem;
  vertical-align: middle;
  margin-right: .1rem;
}

/* 商品信息元数据 */
.detail-summary .summary-meta {
  padding-top: .5rem;
  border-top: 1px solid var(--border-light, #F5F5F5);
  margin-top: .4rem;
}
.detail-summary .summary-meta li {
  font-size: .7rem;
  color: var(--text-secondary, #969799);
  line-height: 1.6;
}
.detail-summary .summary-meta li a {
  color: var(--primary-color, #019C50) !important;
}

/* 收藏/分享按钮区 */
.detail-summary .summary-ft .act-item .item-txt {
  font-size: .65rem;
  color: var(--text-secondary, #969799);
}

/* 规格选择区 */
.sku-choose {
  border-radius: var(--radius-medium, 12px);
  margin: 0 .2rem .2rem;
}
.sku-choose .sku-cell-hd {
  color: var(--text-secondary, #969799);
  font-size: .75rem;
}
.sku-choose .sku-cell-bd .choose-items .option-item {
  border-radius: var(--radius-round, 999px) !important;
  border-color: var(--border-color, #EBEDF0) !important;
  transition: all 0.2s ease;
}
.sku-choose .sku-cell-bd .choose-items .option-selected {
  border-color: var(--primary-color, #019C50) !important;
  color: var(--primary-color, #019C50) !important;
  background-color: rgba(1, 156, 80, 0.05) !important;
}

/* 数量选择器 */
.sku-choose .choose-amount .btn-decrease,
.sku-choose .choose-amount .btn-increase {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: var(--radius-small, 8px);
  background-color: var(--bg-gray, #F5F6F8);
  background-size: 40%;
  transition: all 0.2s ease;
}
.sku-choose .choose-amount .btn-increase:active {
  background-color: rgba(1, 156, 80, 0.1);
}

/* 图文详情区 */
.detail-intro {
  border-radius: var(--radius-medium, 12px);
  margin: 0 .2rem .2rem;
}
.detail-intro .intro-cell .cell-hd {
  color: var(--text-secondary, #969799);
}
.detail-intro img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 底部操作栏 */
.page-detail .foot-bar {
  box-shadow: var(--shadow-top, 0 -2px 8px rgba(0,0,0,0.06));
  border-top: none !important;
  background-color: var(--card-bg, #fff);
  padding: .15rem .3rem;
  height: auto;
  display: flex;
  align-items: center;
  gap: .15rem;
}
.page-detail .foot-bar .ico-btn-item {
  padding: .15rem .3rem;
  border-left: none !important;
}
.page-detail .foot-bar .ico-btn-item + .ico-btn-item {
  border-left: none !important;
}
.page-detail .foot-bar .sys-btn {
  flex: 1;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: var(--radius-round, 999px);
  font-size: .88rem;
  font-weight: 500;
}
/* 加入购物车按钮 */
.page-detail .foot-bar .sys-btn:first-of-type {
  background: var(--primary-gradient, linear-gradient(135deg, #019C50 0%, #01B05A 100%));
  box-shadow: 0 4px 12px rgba(1,156,80,.3);
}
/* 立即购买按钮 */
.page-detail .foot-bar .sys-btn + .sys-btn {
  background: var(--accent-gradient, linear-gradient(135deg, #FF5556 0%, #FF7B7C 100%));
  box-shadow: 0 4px 12px rgba(255,85,86,.3);
}
.page-detail .foot-bar .sys-btn:active {
  transform: scale(0.96);
  opacity: 0.9;
}

/* 评论区 */
.comment-item {
  border-bottom-color: var(--border-light, #F5F5F5);
}

/* 搜索弹出层 - 使用 theme.css 中的统一白色弹层样式 */