/* ===== 顶部登录/订单按钮 ===== */
.web-navright{ display:flex; align-items:center; justify-content:flex-end; }
.nav-user-btn{ display:inline-block; height:34px; line-height:34px; padding:0 18px; margin-left:10px;
  background:#4a90e2; color:#fff !important; border-radius:18px; font-size:14px; }
.nav-user-btn:hover{ background:#3a7bc8; }
.nav-user-out{ background:#f0f0f0; color:#666 !important; }
.nav-user-out:hover{ background:#e2e2e2; }

/* ===== 产品列表购买区 ===== */
.pro-buy{ margin-top:22px; display:flex; align-items:center; }
.pro-price{ color:#e4393c; font-size:26px; font-weight:bold; margin-right:26px; }
.pro-price small{ font-size:15px; font-weight:normal; }
.buy-btn{ display:inline-block; width:auto; height:44px; line-height:44px; padding:0 38px;
  background:#e4393c; color:#fff; font-size:16px; border:0; border-radius:4px; cursor:pointer;
  position:static; font-family:inherit; }
.buy-btn:hover{ background:#c91623; }

/* ===== 购物页容器 ===== */
.shop-wrap{ width:80%; max-width:1000px; margin:40px auto 60px; }
@media screen and (max-width:740px){ .shop-wrap{ width:92%; } }
.shop-wrap h1.shop-tt{ font-size:22px; color:#333; margin-bottom:24px; padding-bottom:14px; border-bottom:2px solid #4a90e2; }
.shop-card{ background:#fff; border:1px solid #e6e6e6; border-radius:6px; padding:24px; margin-bottom:20px; }
.shop-card h2{ font-size:16px; color:#333; margin-bottom:18px; font-weight:bold; }
.co-goods{ display:flex; align-items:center; }
.co-goods img{ width:90px; height:90px; object-fit:cover; border:1px solid #eee; border-radius:4px; margin-right:18px; }
.co-goods .g-tt{ font-size:16px; color:#333; }
.co-goods .g-sub{ font-size:13px; color:#999; margin-top:6px; }
.co-goods .g-price{ color:#e4393c; font-size:18px; font-weight:bold; margin-left:auto; }
.sf-row{ display:flex; align-items:center; margin-bottom:18px; }
.sf-row label{ width:96px; color:#555; font-size:14px; flex-shrink:0; }
.sf-row label i{ color:#e4393c; font-style:normal; margin-right:3px; }
.sf-row input, .sf-row textarea{ flex:1; max-width:480px; height:40px; border:1px solid #ccc; border-radius:4px; padding:0 12px; font-size:14px; font-family:inherit; }
.sf-row textarea{ height:70px; padding:10px 12px; }
.sf-3{ display:flex; gap:10px; flex:1; max-width:480px; }
.sf-3 select{ flex:1; min-width:0; height:40px; border:1px solid #ccc; border-radius:4px; padding:0 8px; font-size:14px; background:#fff; color:#333; font-family:inherit; cursor:pointer; }
.sf-3 select:focus{ border-color:#4a90e2; outline:none; }
.shop-total{ text-align:right; font-size:15px; color:#333; padding:18px 0; }
.shop-total b{ color:#e4393c; font-size:24px; }
.shop-actions{ text-align:right; }
.shop-btn{ display:inline-block; height:46px; line-height:46px; padding:0 44px; background:#e4393c; color:#fff !important; font-size:17px; border:0; border-radius:4px; cursor:pointer; }
.shop-btn:hover{ background:#c91623; }
.shop-btn-gray{ background:#fff; color:#666 !important; border:1px solid #ccc; }
.shop-btn-gray:hover{ background:#f5f5f5; }

/* ===== 模拟微信支付 ===== */
.pay-wrap{ width:420px; max-width:92vw; margin:50px auto; background:#fff; border:1px solid #e6e6e6; border-radius:8px; text-align:center; padding:30px 28px 36px; }
.pay-head{ color:#09bb07; font-size:18px; font-weight:bold; margin-bottom:6px; }
.pay-amount{ font-size:34px; color:#333; margin:18px 0 4px; }
.pay-amount small{ font-size:18px; }
.pay-no{ color:#999; font-size:13px; margin-bottom:22px; }
.pay-qr{ width:200px; height:200px; margin:0 auto 10px; border:1px solid #eee; display:flex; align-items:center; justify-content:center; background:#fafafa; }
.pay-qr .wx-logo{ width:46px; height:46px; background:#09bb07; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:13px; }
.pay-tip{ color:#999; font-size:13px; margin:8px 0 24px; }
.pay-ok{ display:inline-block; width:100%; height:48px; line-height:48px; background:#09bb07; color:#fff !important; font-size:16px; border:0; border-radius:6px; cursor:pointer; }
.pay-ok:hover{ background:#079d05; }

/* ===== 订单中心 ===== */
.ord{ border:1px solid #e6e6e6; border-radius:6px; margin-bottom:18px; }
.ord-top{ background:#f7f7f7; padding:11px 18px; font-size:13px; color:#888; display:flex; justify-content:space-between; border-bottom:1px solid #eee; }
.ord-st{ color:#e4393c; font-weight:bold; }
.ord-st.done{ color:#09bb07; }
.ord-body{ padding:18px; display:flex; align-items:center; }
.ord-body img{ width:74px; height:74px; object-fit:cover; border:1px solid #eee; border-radius:4px; margin-right:16px; }
.ord-info{ flex:1; }
.ord-info .o-tt{ font-size:15px; color:#333; }
.ord-info .o-addr{ font-size:13px; color:#999; margin-top:8px; }
.ord-info .o-exp{ font-size:13px; color:#4a90e2; margin-top:6px; }
.ord-amt{ text-align:right; }
.ord-amt .a-num{ color:#e4393c; font-size:18px; font-weight:bold; }
.ord-amt .shop-btn{ height:34px; line-height:34px; padding:0 18px; font-size:14px; margin-top:10px; }
.shop-empty{ text-align:center; color:#999; padding:60px 0; }
.shop-empty a{ color:#4a90e2; }
.shop-msg{ background:#f0f9eb; color:#5a9c34; border:1px solid #e1f3d8; padding:11px 16px; border-radius:4px; margin-bottom:18px; font-size:14px; }

/* ===== 登录/注册弹窗 ===== */
.lg-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;}
.lg-box{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:92vw;background:#fff;border-radius:8px;z-index:99999;padding:34px 32px 28px;box-shadow:0 8px 40px rgba(0,0,0,.2);}
.lg-close{position:absolute;top:14px;right:18px;font-size:24px;color:#bbb;cursor:pointer;line-height:1;}
.lg-close:hover{color:#666;}
.lg-tabs{text-align:center;margin-bottom:26px;}
.lg-tab{display:inline-block;font-size:19px;color:#999;cursor:pointer;margin:0 16px;padding-bottom:8px;position:relative;}
.lg-tab.active{color:#333;font-weight:bold;}
.lg-tab.active:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:28px;height:3px;background:#4a90e2;border-radius:2px;}
.lg-msg{display:none;background:#fff0f0;color:#e85555;font-size:13px;padding:8px 12px;border-radius:4px;margin-bottom:14px;text-align:center;}
.lg-field{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:6px;height:48px;padding:0 14px;margin-bottom:16px;}
.lg-field:focus-within{border-color:#4a90e2;}
.lg-ico{color:#bbb;margin-right:10px;font-size:16px;}
.lg-field input{flex:1;border:0;outline:none;font-size:15px;background:transparent;}
.lg-submit{width:100%;height:48px;background:#4a90e2;color:#fff;border:0;border-radius:6px;font-size:16px;cursor:pointer;margin-top:6px;}
.lg-submit:hover{background:#3a7bc8;}
.lg-foot{text-align:center;color:#999;font-size:13px;margin-top:18px;}
.lg-foot a{color:#4a90e2;cursor:pointer;}