/* 版本预览 /preview 底部购买区 #pvBuy（T09）。
   设计稿 docs/design/buy-entry-20261027/a1.html（木框 / 流程 / 内嵌框 / 三种状态 / 售后条）与
   docs/plans/price-config-20261027/design/front.html、front-trial.html（价格位四种状态、第 7 张体验卡）。
   大屏按基线密度渲染，不做 zoom 放大（preview.css，2026-10-30 起）；手机 ≤600px 卡片横向滑动、按钮 ≥44px。
   兼容旧手机浏览器：不用 gap / CSS 变量 / grid，flex 一律带 -webkit- 前缀，间距用 margin；文字同时写 color 与 -webkit-text-fill-color。 */

.pv-buy{margin-top:14px;margin-bottom:14px;scroll-margin-top:72px}
.pv-buy .frame,.pv-buy .row{scroll-margin-top:72px}
.pv-buy .fr{background:#895a36;border:3px solid #2a1403;border-radius:12px;padding:8px;box-shadow:inset 0 1px 0 #c08a57;margin:12px 0}
.pv-buy .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-buy .h{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 0 8px;font-size:18px;line-height:1.3;color:#fddb71;-webkit-text-fill-color:#fddb71;font-weight:700}
.pv-buy .h .ic,.pv-buy .h .pv-imgfail{width:36px;height:36px;-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-right:8px}
.pv-buy .h small{margin-left:8px;font-size:12px;color:#f3e2b0;-webkit-text-fill-color:#f3e2b0;font-weight:400}
.pv-buy .in{background:#f7f6ea;border-radius:8px;padding:10px;box-shadow:inset 0 0 0 2px #d9d2bf;color:#2a1407;-webkit-text-fill-color:#2a1407;text-shadow:none}

/* ---------- 版本卡 + 体验卡 ---------- */
.pv-buy .row{display:-webkit-box;display:-webkit-flex;display:flex;outline:0}
.pv-buy .card{-webkit-box-flex:1;-webkit-flex:1 1 12%;flex:1 1 12%;min-width:0;margin-left:8px;background:#efe9d2;border:2px solid #aa7f4c;border-radius:9px;overflow:hidden;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.pv-buy .card:first-child{margin-left:0}
.pv-buy .card>img,.pv-buy .card>.pv-imgfail{display:block;width:100%;height:92px;-o-object-fit:cover;object-fit:cover;border-radius:0;-webkit-box-flex:0;-webkit-flex:none;flex:none}
.pv-buy .card>b{display:block;font-size:13px;padding:4px 4px 0;height:38px;line-height:17px;overflow:hidden;color:#2a1407;-webkit-text-fill-color:#2a1407}
.pv-buy .card .pp{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:62px}
.pv-buy .card .go{display:block;margin:6px;min-height:44px;line-height:40px;border-radius:8px;background:#965705;color:#fff;-webkit-text-fill-color:#fff;font-weight:700;font-size:15px;border:2px solid #2a1403;text-decoration:none}
.pv-buy .card .go:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.pv-buy .card .go:focus-visible,.pv-buy .scope:focus-visible,.pv-buy .mini:focus-visible,.pv-buy summary:focus-visible{outline:3px solid #fff000;outline-offset:2px}
.pv-buy .card.on{border-color:#b9721d;box-shadow:0 0 0 2px #fddb71}
.pv-buy .tiers{list-style:none;margin:4px 6px 0;padding:0}
.pv-buy .tiers li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:12px;border-top:1px dashed #d9d2bf;padding:3px 0;text-align:left}
.pv-buy .tiers li>span:first-child{margin-right:4px}
.pv-buy .tiers .pv{font:700 18px/1.3 Tahoma,sans-serif;color:#965705;-webkit-text-fill-color:#965705;white-space:nowrap}
.pv-buy .tiers s{font-size:12px;color:#7a5a3a;-webkit-text-fill-color:#7a5a3a;margin-right:3px;white-space:nowrap}
.pv-buy .card .upd{display:block;font-size:11px;line-height:1.45;color:#64401e;-webkit-text-fill-color:#64401e;padding:0 4px}
.pv-buy .lab{display:inline-block;font-size:11px;line-height:1.5;background:#2a1403;color:#fddb71;-webkit-text-fill-color:#fddb71;border-radius:4px;padding:0 5px;margin-left:3px;white-space:nowrap}
.pv-buy .fb{display:block;font-size:13px;font-weight:700;color:#64401e;-webkit-text-fill-color:#64401e;padding:10px 4px}
.pv-buy .skl{display:block;height:16px;margin:6px;border-radius:6px;background:#d9d2bf;background:linear-gradient(90deg,#d9d2bf,#efe9d2,#d9d2bf)}
.pv-buy .card.trial{border-color:#4d7626;background:#eef3dc}
.pv-buy .card.trial.on{border-color:#4d7626;box-shadow:none}
.pv-buy .card.trial .tph{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;height:92px;background:#d9e3bf;border-bottom:2px dashed #8a9c5c;-webkit-box-flex:0;-webkit-flex:none;flex:none}
.pv-buy .card.trial>b{height:auto;padding-top:6px}
.pv-buy .card .scope{display:block;font-size:11px;line-height:1.5;color:#3e5a1c;-webkit-text-fill-color:#3e5a1c;cursor:help}
.pv-buy .card.trial .go{background:#4d7626}
.pv-buy .card.trial .go.alt{background:#7a6a50;font-size:14px}
.pv-buy .miss{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:none;flex:none;border-radius:50%;background:#e6dfc8;border:2px dashed #8a7c5c;font-size:10px;line-height:1.15;color:#64401e;-webkit-text-fill-color:#64401e;text-align:center}

/* ---------- 流程 ---------- */
.pv-buy .flow{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:10px 0 4px}
.pv-buy .fs{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#d9d2bf;border-radius:20px;padding:2px 12px 2px 2px;font-size:14px;font-weight:700;margin-bottom:6px;color:#2a1407;-webkit-text-fill-color:#2a1407}
.pv-buy .fs .ic,.pv-buy .fs .pv-imgfail{width:36px;height:36px;margin-right:6px;-webkit-box-flex:0;-webkit-flex:none;flex:none}
.pv-buy .arr{color:#895a36;-webkit-text-fill-color:#895a36;margin:0 6px 6px;font-weight:700}

/* ---------- 内嵌官方购买页 ---------- */
.pv-buy .frame{border:3px solid #2a1403;border-radius:10px;overflow:hidden;background:#fff;margin-top:6px}
.pv-buy .frame summary{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:44px;padding:4px 10px;background:#7d4214;background:linear-gradient(#b9721d,#7d4214);color:#fff8d8;-webkit-text-fill-color:#fff8d8;font-weight:700;cursor:pointer;list-style:none}
.pv-buy .frame summary::-webkit-details-marker{display:none}
.pv-buy .frame summary .ic,.pv-buy .frame summary .pv-imgfail{width:32px;height:32px;margin-right:8px;-webkit-box-flex:0;-webkit-flex:none;flex:none}
.pv-buy .frame summary .t{min-width:0}
.pv-buy .frame summary .r{margin-left:auto;padding-left:8px;font-size:12px;color:#fddb71;-webkit-text-fill-color:#fddb71;white-space:nowrap}
.pv-buy .frame .body{position:relative;background:#efe9d2}
.pv-buy .frame iframe{display:none;width:100%;height:620px;border:0;background:#fff}
.pv-buy .frame.has-src iframe{display:block}
.pv-buy .st{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;-webkit-flex-wrap:wrap;flex-wrap:wrap;min-height:64px;padding:8px 10px;background:#efe9d2;border-bottom:2px dashed #d9d2bf;font-size:14px;color:#2a1407;-webkit-text-fill-color:#2a1407;text-align:center}
.pv-buy .st>*{margin:2px 5px}
.pv-buy .st .ic,.pv-buy .st .pv-imgfail{width:34px;height:34px}
.pv-buy .st small{font-size:12px;color:#64401e;-webkit-text-fill-color:#64401e}
.pv-buy .st .sk{display:block;width:80px;height:14px;border-radius:6px;background:#d9d2bf;background:linear-gradient(90deg,#d9d2bf,#f7f6ea,#d9d2bf)}
.pv-buy .st .sk.s2{width:48px}
.pv-buy .frame:not(.has-src) .st{min-height:300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;border-bottom:0}
.pv-buy .st.bad{background:#f6e2d6}
.pv-buy .st.done{display:none}
.pv-buy .mini{display:inline-block;min-height:44px;line-height:40px;padding:0 14px;border-radius:8px;background:#965705;color:#fff;-webkit-text-fill-color:#fff;font-weight:700;border:2px solid #2a1403;text-decoration:none}
.pv-buy .st.empty .mini{background:#7a6a50}

/* ---------- 领取提示 + 售后与防骗（原地展开） ---------- */
.pv-buy .after{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:8px;background:#2a1403;color:#fddb71;-webkit-text-fill-color:#fddb71;border-radius:8px;padding:6px 10px;font-size:13px}
.pv-buy .after .ic,.pv-buy .after .pv-imgfail{width:34px;height:34px;margin-right:8px;-webkit-box-flex:0;-webkit-flex:none;flex:none}
.pv-buy .after b{min-width:0}
.pv-buy .after details{margin-left:auto;max-width:100%}
.pv-buy .after summary{display:block;min-height:32px;line-height:32px;padding:0 4px;text-decoration:underline;cursor:pointer;text-align:right}
.pv-buy .after details p{margin:2px 0 4px;color:#f3e2b0;-webkit-text-fill-color:#f3e2b0;line-height:1.5}
.pv-buy .after details[open]{-webkit-box-flex:1;-webkit-flex:1 1 100%;flex:1 1 100%}

@media (max-width:600px){
 .pv-buy .h{font-size:16px}
 .pv-buy .h small,.pv-buy .frame summary .r{display:none}
 .pv-buy .in{padding:8px}
 .pv-buy .row{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;padding-bottom:4px}
 .pv-buy .card{-webkit-box-flex:0;-webkit-flex:none;flex:none;width:172px;scroll-snap-align:start}
 .pv-buy .frame iframe{height:520px}
 .pv-buy .frame:not(.has-src) .st{min-height:220px}
 .pv-buy .after summary{min-height:44px;line-height:44px}
}