/* 商品页 / 买家中心 质感增强（与店铺首页保持统一）
   在各自内联样式之后引入，仅做覆盖增强，不改功能 */

/* 字体与背景层次 */
body{
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(1100px 460px at 50% -140px, var(--primary-soft) 0%, rgba(233,240,255,0) 60%),
    linear-gradient(180deg,#f7f9fc 0%, #f1f4f9 100%);
}

/* 顶栏：微渐变 + 投影（与店铺首页一致） */
.topbar{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.93));box-shadow:0 2px 16px rgba(20,30,70,.06)}

/* 卡片：柔和阴影 + 内描边 */
.card,.b-card{
  border-color:#edf0f6;
  box-shadow:0 1px 2px rgba(20,30,70,.04),0 6px 18px rgba(20,30,70,.05);
}
.thumb,.intro-img{background:linear-gradient(180deg,#f4f6fb,#e9eef7)}

/* 数字与价格排版 */
.prod-price,.b-money,.total-row .val,.prod-stats{font-variant-numeric:tabular-nums}
.prod-price{letter-spacing:-.02em;font-weight:900}

/* ===== 下单按钮：渐变圆角（与店铺首页购买按钮统一） ===== */
.btn-buy{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 60%);
  box-shadow:0 6px 16px rgba(var(--primary-rgb),.28),0 2px 6px rgba(var(--primary-rgb),.16);
  transition:box-shadow .25s ease,background .2s ease,transform .15s ease;
}
.btn-buy i{font-size:18px}
.btn-buy:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-hover) 60%);box-shadow:0 10px 26px rgba(var(--primary-rgb),.36),0 3px 8px rgba(var(--primary-rgb),.2)}
.btn-buy:active{transform:translateY(1px)}
.btn-buy:disabled{background:#c3c9d6;box-shadow:none}

/* 非下单按钮：同色系纯色/浅底，与下单按钮区分层级 */
.coupon-check{background:var(--primary);box-shadow:0 2px 6px rgba(var(--primary-rgb),.16)}
.coupon-check:hover{background:var(--primary-hover)}
.pay-opt.checked{box-shadow:0 4px 14px rgba(var(--primary-rgb),.14)}

/* 顶栏按钮：纯色主蓝（与下单按钮同色系，无渐变） */
.order-btn.primary{
  background:var(--primary);color:#fff;border-color:var(--primary);
  box-shadow:0 2px 8px rgba(var(--primary-rgb),.24);
}
.order-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 16px rgba(var(--primary-rgb),.30)}

/* 我的订单：白底蓝字 */
.order-btn.dark{
  background:#fff;color:var(--primary);border-color:var(--primary);
  box-shadow:0 2px 8px rgba(var(--primary-rgb),.10);
}
.order-btn.dark:hover{background:var(--primary-soft);color:var(--primary-hover);border-color:var(--primary-hover)}

/* 买家中心按钮 */
.b-btn{box-shadow:0 1px 2px rgba(20,30,70,.04)}
.b-btn:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.14)}
.btn-primary{
  background:linear-gradient(180deg,var(--primary-light),var(--primary));
  border-color:transparent;
  box-shadow:0 2px 6px rgba(var(--primary-rgb),.14),0 8px 20px rgba(var(--primary-rgb),.18);
}
.btn-primary:hover,.btn-primary:focus{
  background:linear-gradient(180deg,var(--primary-light),var(--primary-hover));
  border-color:transparent;
}

/* 登录 / 注册 / 找回密码 */
.auth-card{box-shadow:0 1px 2px rgba(20,30,70,.04),0 10px 30px rgba(20,30,70,.08)}
.btn-main{
  background:linear-gradient(180deg,var(--primary-light),var(--primary));
  box-shadow:0 2px 6px rgba(var(--primary-rgb),.14),0 10px 24px rgba(var(--primary-rgb),.22);
  transition:background .2s ease,box-shadow .25s ease;
}
.btn-main:hover{background:linear-gradient(180deg,var(--primary-light),var(--primary-hover))}

/* 手机端：压缩顶栏高度 + 去掉搜索行分割线（与店铺首页一致） */
@media(max-width:640px){
  .topbar-inner{padding:8px 14px;gap:8px;row-gap:0}
  .brand .logo{width:32px;height:32px;border-radius:9px}
  .brand .name{font-size:15px}
  .order-btn{padding:6px 11px;font-size:12.5px}
  .topbar .search-row{border-top:0;padding-top:0;margin-top:8px}
  .searchbar input{padding:8px 4px}
  .s-go{font-size:13px;padding:6px 10px 6px 12px}
}