/* 版本预览 /preview 顶部方案 A1：通栏大按钮 + 总览木框版本轮播（T07）。
   设计稿 docs/design/buy-entry-20261027/a1.html（桌面按钮 56px / 字 18px / 条 72px；手机 ≤600px 按钮 60px、图标在上、字 15px、小字隐藏）。
   兼容旧手机浏览器：不用 gap / CSS 变量 / grid，flex 一律带 -webkit- 前缀，间距用 margin；文字同时写 color 与 -webkit-text-fill-color。 */

/* ---------- 大按钮（木框金边） ---------- */
.pv-quick .pvq-in{display:-webkit-box;display:-webkit-flex;display:flex;padding-top:8px;padding-bottom:8px}
.pv-quick .bb{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;min-width:0;min-height:56px;margin-left:10px;padding:4px 16px 4px 6px;border-radius:12px;border:2px solid #fddb71;box-shadow:0 0 0 2px #2a1403,inset 0 1px 0 rgba(255,255,255,.35);font-weight:700;font-size:18px;line-height:1.15;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent}
.pv-quick .bb:first-child{margin-left:0}
.pv-quick .bb img,.pv-quick .bb .pv-imgfail{width:44px;height:44px;-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-right:10px}
.pv-quick .bb .tx{display:block;min-width:0}
.pv-quick .bb small{display:block;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.pv-quick .bb.play{background:#3f6b1f;background:linear-gradient(#4d7426,#3f6b1f);color:#fff;-webkit-text-fill-color:#fff}
.pv-quick .bb.dl{background:#64401e;background:linear-gradient(#8a4f12,#64401e);color:#fff8d8;-webkit-text-fill-color:#fff8d8}
.pv-quick .bb.buy{background:#e8b84a;background:linear-gradient(#fddb71,#e8b84a);color:#2a1403;-webkit-text-fill-color:#2a1403}
.pv-quick .bb:hover{-webkit-filter:brightness(1.08);filter:brightness(1.08)}
.pv-quick .bb:focus-visible{outline:3px solid #fff000;outline-offset:3px}
.pv-quick .bb.tbd{background:#5a4a2a;color:#fff8d8;-webkit-text-fill-color:#fff8d8;cursor:not-allowed}
.pv-quick .bb.tbd:hover{-webkit-filter:none;filter:none}

/* ---------- 木框版本轮播（取自方案C首屏版本大图，改成木框） ---------- */
.pv-car .car{position:relative;background:#895a36;border:3px solid #2a1403;border-radius:12px;padding:8px;box-shadow:inset 0 1px 0 #c08a57;margin:12px 0}
.pv-car .vp{position:relative;border-radius:8px;overflow:hidden;border:2px solid #2a1403;background:#2a1403}
.pv-car .trk{display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pv-car .trk::-webkit-scrollbar{display:none}
.pv-car .trk:focus-visible{outline:3px solid #fff000;outline-offset:-3px}
.pv-car .sl{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;position:relative;display:block;text-decoration:none}
.pv-car .sl img{display:block;width:100%;height:330px;-o-object-fit:cover;object-fit:cover}
.pv-car .sl .pv-imgfail{display:block;height:330px;max-width:none;border-radius:0}
.pv-car .sl .cap{position:absolute;left:0;top:0;bottom:0;width:50%;padding:18px 20px;background:rgba(42,20,3,.6);background:linear-gradient(90deg,rgba(42,20,3,.92),rgba(42,20,3,0))}
.pv-car .stroke{text-shadow:0 1px 0 #2a1403,1px 0 0 #2a1403,-1px 0 0 #2a1403,0 -1px 0 #2a1403,1px 1px 0 #2a1403,-1px -1px 0 #2a1403}
.pv-car .sl .cap b{display:block;font-size:24px;line-height:1.25;color:#fff8d8;-webkit-text-fill-color:#fff8d8}
.pv-car .sl .cap .pr{display:block;margin-top:4px;min-height:36px;font:700 30px/1.2 Tahoma,sans-serif;color:#fff000;-webkit-text-fill-color:#fff000;text-shadow:0 2px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000}
.pv-car .sl .cap .fb{display:block;margin-top:8px;min-height:28px;font-size:16px;font-weight:700;line-height:1.5;color:#fff8d8;-webkit-text-fill-color:#fff8d8}
.pv-car .sl .cap small{display:inline-block;margin-top:6px;font-size:14px;color:#2a1403;-webkit-text-fill-color:#2a1403;background:#fddb71;border-radius:4px;padding:1px 8px}
.pv-car .ar{position:absolute;top:50%;margin-top:-34px;width:44px;height:44px;border-radius:50%;border:2px solid #fddb71;background:#2a1403;color:#fddb71;-webkit-text-fill-color:#fddb71;font:700 26px/38px Tahoma,sans-serif;text-align:center;cursor:pointer;padding:0;z-index:3}
.pv-car .ar.l{left:8px}.pv-car .ar.r{right:8px}
.pv-car .ar:focus-visible,.pv-car .dot:focus-visible,.pv-car .pa:focus-visible,.pv-car .thb:focus-visible{outline:3px solid #fff000;outline-offset:2px}
.pv-car .ctl{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px}
.pv-car .thbs{-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:auto;scrollbar-width:none;margin-right:8px}
.pv-car .thbs::-webkit-scrollbar{display:none}
.pv-car .thb{-webkit-box-flex:0;-webkit-flex:none;flex:none;width:132px;margin-right:6px;border:2px solid #2a1403;border-radius:6px;overflow:hidden;position:relative;background:#2a1403;padding:0;cursor:pointer}
.pv-car .thb:last-child{margin-right:0}
.pv-car .thb img{display:block;width:132px;height:58px;-o-object-fit:cover;object-fit:cover;opacity:.75}
.pv-car .thb span{position:absolute;left:0;right:0;bottom:0;font-size:11px;line-height:1.45;color:#fff8d8;-webkit-text-fill-color:#fff8d8;background:rgba(42,20,3,.85);padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.pv-car .thb.on{border-color:#fddb71;box-shadow:0 0 0 2px #b9721d}.pv-car .thb.on img{opacity:1}
.pv-car .dots{display:none;-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-right:8px}
.pv-car .dot{width:32px;height:44px;margin:0 1px;border:0;background:none;padding:0;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.pv-car .dot i{display:block;width:12px;height:12px;border-radius:50%;background:#2a1403;border:2px solid #fddb71}
.pv-car .dot.on i{width:26px;border-radius:6px;background:#fddb71}
.pv-car .pa{-webkit-box-flex:0;-webkit-flex:none;flex:none;min-width:72px;height:44px;border-radius:22px;border:2px solid #fddb71;background:#2a1403;color:#fddb71;-webkit-text-fill-color:#fddb71;font-size:14px;font-weight:700;cursor:pointer;padding:0 12px}

@media (max-width:600px){
 .pv-quick .pvq-in{padding-top:6px;padding-bottom:6px}
 .pv-quick .bb{min-height:60px;margin-left:6px;padding:4px 4px;font-size:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}
 .pv-quick .bb img,.pv-quick .bb .pv-imgfail{width:32px;height:32px;margin-right:0;margin-bottom:2px}
 .pv-quick .bb small{display:none}
 .pv-quick .bb .tx{white-space:nowrap}
 .pv-car .sl img,.pv-car .sl .pv-imgfail{height:200px}
 .pv-car .sl .cap{width:100%;bottom:auto;padding:10px 12px 26px;background:rgba(42,20,3,.6);background:linear-gradient(rgba(42,20,3,.9),rgba(42,20,3,0))}
 .pv-car .sl .cap b{font-size:17px}.pv-car .sl .cap .pr{font-size:22px;min-height:27px}.pv-car .sl .cap .fb{font-size:14px;margin-top:4px}.pv-car .sl .cap small{font-size:12px}
 .pv-car .ar{top:auto;bottom:10px;margin-top:0}
 .pv-car .thbs{display:none}
 .pv-car .dots{display:-webkit-box;display:-webkit-flex;display:flex}
}