/* LUCK MALL — 限量抢购样式 */

/* 首页抢购区（深色，制造紧迫感） */
.lm-flash-section{background:linear-gradient(180deg,#141210 0%,#0c0b0a 100%); color:#efe9dd; padding:72px 0 80px; position:relative}
.lm-flash-head{text-align:center; margin-bottom:44px}
.lm-flash-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(192,151,90,.14); border:1px solid var(--gold); color:var(--gold); font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; padding:7px 16px; border-radius:2px; margin-bottom:18px}
.lm-flash-section .vx-sec-title{color:#f3ede1}
.lm-flash-sub{font-family:var(--sans); font-weight:300; color:#b7b1a5; font-size:15px; margin-top:-30px}

/* 分排：每个抢购品一行，左图（主图+缩略图）右信息 */
.lm-grid{display:grid; grid-template-columns:1fr; gap:24px; max-width:1180px; margin:0 auto}
.lm-card{background:#fbf8f3; border:1px solid #2a2622; border-radius:6px; overflow:hidden; display:grid; grid-template-columns:420px 1fr; align-items:stretch; text-align:left; transition:box-shadow .2s}
.lm-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.4)}
.lm-card-media{background:#fff; padding:30px 26px; display:flex; flex-direction:column; align-items:center; justify-content:center}
.lm-card-main{display:block}
.lm-card-main img{height:236px; width:auto; object-fit:contain; mix-blend-mode:multiply; margin:0 auto}
.lm-card-thumbs{display:flex; gap:9px; margin-top:16px; justify-content:center; flex-wrap:wrap}
.lm-card-thumbs img{width:60px; height:68px; object-fit:contain; border:1px solid var(--line); border-radius:3px; padding:5px; mix-blend-mode:multiply; cursor:pointer; transition:border-color .2s; opacity:.85}
.lm-card-thumbs img:hover{border-color:var(--gold-lt); opacity:1}
.lm-card-thumbs img.active{border-color:var(--gold); opacity:1}
.lm-card-body{padding:34px 44px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid #eadfce}
.lm-card-tag{font-family:var(--sans); font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-dk); margin-bottom:10px}
.lm-card h3{font-family:var(--serif); font-size:25px; font-weight:600; line-height:1.2; margin:0 0 8px; color:var(--ink)}
.lm-card h3 a{color:inherit}
.lm-card-desc{font-family:var(--sans); font-size:13.5px; color:var(--muted); line-height:1.6; margin:0 0 14px; max-width:600px}
.lm-price{font-family:var(--sans); font-size:20px; margin:0 0 16px}
.lm-price del{color:var(--muted-lt); font-weight:400; margin-right:8px; font-size:14px}
.lm-price ins{text-decoration:none; color:#c33; font-weight:700}
.lm-price .woocommerce-Price-amount{color:var(--gold-dk); font-weight:700}
/* 进度条 */
/* 倒计时 */
.lm-countdown{display:inline-flex; align-items:center; gap:10px; background:#1a1210; color:#f3ede1; border:1px solid #3a2f24; border-radius:4px; padding:9px 14px; margin:0 0 14px; max-width:max-content}
.lm-cd-label{font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.08em; color:var(--gold-lt); text-transform:uppercase}
.lm-cd-clock{font-family:'Menlo','Courier New',monospace; font-size:16px; font-weight:700; letter-spacing:.06em; color:#fff; font-variant-numeric:tabular-nums}
.lm-countdown.lm-cd-ended .lm-cd-clock{color:#b33}
.lm-cd-dark{margin:10px 0; background:rgba(0,0,0,.35); border-color:#4a3f30}
.lm-bar{height:6px; background:#eadfce; border-radius:6px; overflow:hidden; margin:0 0 8px; max-width:440px}
.lm-bar span{display:block; height:100%; background:linear-gradient(90deg,#c8901f,#e0b877); border-radius:6px; transition:width .6s}
.lm-remain{font-family:var(--sans); font-size:12.5px; color:#a97f45; font-weight:600; letter-spacing:.02em; margin-bottom:18px}
.lm-soldout .lm-remain{color:#b33}
.lm-grab{align-self:flex-start; width:auto; background:var(--gold); color:#241a0c; border:none; border-radius:2px; font-family:var(--sans); font-weight:700; font-size:13.5px; letter-spacing:.1em; padding:16px 56px; cursor:pointer; transition:background .2s}
/* 火热动画：脉冲光晕 + 流光扫过 + 火焰闪烁 */
.lm-hot{position:relative; overflow:hidden; background:linear-gradient(90deg,#c8901f,#d9a94f,#c8901f); animation:lm-pulse 1.7s ease-in-out infinite}
.lm-hot::after{content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent); transform:skewX(-20deg); pointer-events:none}
.lm-hot:hover{background:linear-gradient(90deg,#d9a94f,#e7c274,#d9a94f)}
.lm-fire{display:inline-block; transform-origin:center bottom; animation:lm-flame 2.2s ease-in-out infinite; filter:drop-shadow(0 0 4px rgba(255,120,0,.6))}
@keyframes lm-pulse{0%,100%{box-shadow:0 0 0 rgba(224,150,40,0)} 50%{box-shadow:0 0 14px 1px rgba(224,150,40,.45)}}
@keyframes lm-shine{0%{left:-70%} 55%,100%{left:130%}}
@keyframes lm-flame{0%,100%{transform:scale(1)} 50%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.lm-hot,.lm-hot::after,.lm-fire{animation:none}}
.lm-grab:hover:not([disabled]){background:var(--gold-lt)}
.lm-grab[disabled]{background:#cfc8bb; color:#8a857b; cursor:not-allowed}
.lm-soldout .lm-card-img img{filter:grayscale(.6); opacity:.7}

/* OTP 弹窗 */
.lm-modal{position:fixed; inset:0; z-index:9999; background:rgba(8,7,6,.72); display:flex; align-items:center; justify-content:center; padding:20px}
.lm-modal-box{background:#fff; border-radius:6px; padding:34px 30px 30px; width:100%; max-width:400px; position:relative; box-shadow:0 30px 70px rgba(0,0,0,.4)}
.lm-modal-x{position:absolute; top:14px; right:16px; background:none; border:none; font-size:26px; line-height:1; color:#999; cursor:pointer}
.lm-modal-x:hover{color:#333}
.lm-modal-box h3{font-family:var(--serif); font-size:24px; font-weight:600; margin:0 0 6px; color:var(--ink)}
.lm-modal-sub{font-family:var(--sans); font-size:13px; color:var(--muted); margin:0 0 22px; line-height:1.5}
.lm-field{margin-bottom:12px}
.lm-field input{width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:3px; font-family:var(--sans); font-size:15px}
.lm-field input:focus{outline:none; border-color:var(--gold)}
.lm-otp-row{display:flex; gap:8px}
.lm-otp-row input{flex:1}
.lm-otp-row #lm-send{flex:none; white-space:nowrap; background:#241f19; color:var(--gold-lt); border:none; border-radius:3px; padding:0 16px; font-family:var(--sans); font-size:13px; font-weight:600; cursor:pointer}
.lm-otp-row #lm-send:disabled{background:#cfc8bb; color:#8a857b; cursor:default}
.lm-demo{background:#fdf6e6; border:1px dashed var(--gold); border-radius:3px; padding:10px 12px; font-size:13px; color:#8a6a2a; margin-bottom:12px}
.lm-verify-btn{width:100%; background:var(--gold); color:#241a0c; border:none; border-radius:3px; padding:15px; font-family:var(--sans); font-weight:700; font-size:14px; letter-spacing:.08em; cursor:pointer; margin-top:4px}
.lm-verify-btn:hover{background:var(--gold-lt)}
.lm-verify-btn:disabled{opacity:.6; cursor:default}
.lm-msg{font-family:var(--sans); font-size:13px; margin-top:12px; min-height:18px; text-align:center}
.lm-msg.lm-ok{color:#2a7d46}
.lm-msg.lm-err{color:#c0392b}

/* 单品页抢购条 */
.lm-single-flash{background:#141210; color:#efe9dd; border-radius:4px; padding:18px 20px; margin:4px 0 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.lm-single-flash .lm-sf-left{flex:1; min-width:220px}
.lm-sf-tag{display:inline-block; font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:10px}
.lm-single-flash .lm-bar{background:#332c22; margin-bottom:8px}
.lm-single-flash .lm-sf-remain{color:var(--gold-lt); font-weight:600; font-size:13.5px}
.lm-single-flash .lm-grab{width:auto; padding:15px 40px; margin:0; font-size:14px; white-space:nowrap}

/* 立即购买按钮（普通商品，Add to cart 旁） */
.lm-buy-now{background:#241f19 !important; color:var(--gold-lt) !important; border:none !important; border-radius:2px !important;
  font-family:var(--sans) !important; font-weight:600 !important; font-size:12.5px !important; letter-spacing:.13em !important;
  text-transform:uppercase !important; padding:0 30px !important; min-height:52px !important; margin-top:10px !important; cursor:pointer; width:100%; white-space:nowrap}
.lm-buy-now:hover{background:#0f0c09 !important; color:#fff !important}
@media(min-width:600px){
  div.product form.cart{flex-wrap:wrap}
  .lm-buy-now{width:auto !important; margin-top:0 !important; margin-left:12px !important; flex:1}
}

/* 商品详情图（长图列，中国电商详情页风格） */
.lm-detail-images{max-width:560px; margin:6px auto 0}
.lm-detail-images img{display:block; width:100%; margin:0; height:auto; vertical-align:top}

/* ===== 品牌化商详页（设计版） ===== */
.lmd{grid-column:1/-1; max-width:800px; margin:52px auto 0; padding:0 20px; width:100%}
/* 品牌横幅 */
.lmd-banner{position:relative; text-align:center; background:linear-gradient(135deg,#1a1712 0%,#0c0b0a 55%,#1a1510 100%); color:#f3ede1; border-radius:6px; padding:44px 26px 40px; overflow:hidden}
.lmd-banner::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%, rgba(192,151,90,.22), transparent 60%)}
.lmd-banner>*{position:relative; z-index:1}
.lmd-banner-mark{height:46px; width:auto; margin:0 auto 16px; display:block}
.lmd-banner-title{font-family:var(--serif); font-size:30px; font-weight:600; color:#fff; margin:0 0 6px; line-height:1.15}
.lmd-banner-zh{font-family:var(--sans); font-size:15px; color:#cdbf9c; margin:0 0 16px; letter-spacing:.04em}
.lmd-banner-brand{display:inline-block; font-family:var(--sans); font-size:10.5px; font-weight:600; letter-spacing:.24em; color:var(--gold); border-top:1px solid rgba(192,151,90,.4); border-bottom:1px solid rgba(192,151,90,.4); padding:8px 0; margin-top:4px}
/* 核心卖点 */
.lmd-features{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:22px 0 0}
.lmd-feat{background:#faf7f2; border:1px solid var(--line); border-radius:5px; padding:24px 12px; text-align:center}
.lmd-feat-ico{display:inline-flex; width:52px; height:52px; align-items:center; justify-content:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold-dk); margin-bottom:12px}
.lmd-feat b{display:block; font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--ink); margin-bottom:4px; line-height:1.3}
.lmd-feat small{font-size:11px; color:var(--muted); line-height:1.4}
/* 区块标题 */
.lmd-block{margin-top:40px}
.lmd-h{text-align:center; font-family:var(--serif); font-size:26px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--ink); margin:0 0 6px}
.lmd-h span{display:block; font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.28em; text-transform:none; color:var(--gold-dk); margin-top:8px}
.lmd-h::after{content:""; display:block; width:52px; height:2px; background:var(--gold); margin:16px auto 26px}
/* 规格表 */
.lmd-spec{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:5px; overflow:hidden}
.lmd-spec tr{border-bottom:1px solid var(--line)}
.lmd-spec tr:last-child{border-bottom:none}
.lmd-spec th{width:34%; text-align:left; padding:14px 20px; font-family:var(--sans); font-size:13px; font-weight:600; color:var(--muted); background:#faf7f2; letter-spacing:.03em}
.lmd-spec td{padding:14px 20px; font-family:var(--sans); font-size:13.5px; color:var(--ink); font-weight:500}
/* 商品实拍（详情图，无缝拼接、带框） */
.lmd-photos{border:1px solid var(--line); border-radius:5px; overflow:hidden; background:#fff}
.lmd-photos img{display:block; width:100%; margin:0; height:auto; vertical-align:top}
/* 正品保障 */
.lmd-auth{display:flex; gap:18px; align-items:center; background:#141210; color:#e9e3d6; border-radius:6px; padding:26px 28px; margin-top:44px}
.lmd-auth-ico{flex:none; width:52px; height:52px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold)}
.lmd-auth-txt b{display:block; font-family:var(--sans); font-size:14px; font-weight:700; color:var(--gold-lt); letter-spacing:.06em; margin-bottom:6px}
.lmd-auth-txt p{font-family:var(--sans); font-size:12.5px; line-height:1.7; color:#b7b1a5; margin:0}
@media(max-width:680px){
  .lmd{max-width:100%}
  .lmd-features{grid-template-columns:repeat(2,1fr)}
  .lmd-banner-title{font-size:24px}
  .lmd-auth{flex-direction:column; text-align:center}
}

@media(max-width:680px){
  .lm-card{grid-template-columns:1fr}
  .lm-card-img{padding:22px}
  .lm-card-img img{height:180px}
  .lm-card-body{border-left:none; border-top:1px solid #eadfce; padding:24px 24px 26px}
  .lm-card h3{font-size:21px}
  .lm-grab{width:100%; padding:15px}
}
