/* =============================================================
 * H5 已构建产物补丁样式（配合 override.js）
 * 适用构建：Detail-BnIrqWrw.css / data-v-09031f6a
 * 作用：① 修复手机端临界摹区无法下滑浏览 ② 大模型阅读卡片
 *       ③ 未成年人限时遮罩 ④ 微信支付按钮
 * 注意：重新执行 npm run build 后本文件可删除（新版已内置）。
 * ============================================================= */

/* ① 临摹区滑动修复：默认允许纵向滑动，书写模式(加 .draw-lock)时锁定 */
.quiz-box[data-v-09031f6a],
.quiz-box[data-v-09031f6a] svg,
.stroke-box[data-v-09031f6a],
.stroke-box[data-v-09031f6a] svg { touch-action: pan-y !important; }
.quiz-box.draw-lock[data-v-09031f6a],
.quiz-box.draw-lock[data-v-09031f6a] svg { touch-action: none !important; }

.quiz-wrap { position: relative; width: 100%; max-width: 300px; margin: 0 auto; }
.quiz-mask { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.5); border-radius: 10px; touch-action: pan-y; }
.quiz-mask-inner { text-align: center; color: #0f9d8c; font-size: 13px; line-height: 1.9; }
.quiz-mask-icon { font-size: 26px; }
.quiz-start-btn { margin-top: 6px; background: #1abc9c; color: #fff; border-color: #1abc9c; }
.quiz-exit-btn { position: absolute; right: 6px; bottom: 6px; z-index: 5; background: #fff; }

/* ② 大模型阅读卡片 */
.ov-card { margin: 12px; background: #fff; border-radius: 12px; padding: 16px; }
.ov-card-title { font-size: 15px; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.ov-tag { font-size: 11px; padding: 2px 8px; border-radius: 10px; background: #eefaf7; color: #1abc9c; }
.ov-tag.limit { background: #fff1e6; color: #e8730c; }
.llm-textarea { width: 100%; border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px; font-size: 14px; resize: vertical; box-sizing: border-box; font-family: inherit; }
.llm-img-row { display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.llm-upload { display: inline-flex; align-items: center; cursor: pointer; padding: 6px 16px; border: 1px solid #ddd; border-radius: 20px; font-size: 13px; background: #fff; }
.llm-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; cursor: pointer; }
.llm-actions { display: flex; gap: 10px; align-items: center; margin-top: 10px; flex-wrap: wrap; }
.llm-btn { padding: 6px 16px; border: 1px solid #ddd; border-radius: 20px; background: #fff; font-size: 13px; }
.llm-btn.primary { background: #1abc9c; color: #fff; border-color: #1abc9c; }
.llm-btn.pay { background: #f39c12; color: #fff; border-color: #f39c12; }
.llm-result { margin-top: 10px; font-size: 14px; line-height: 1.9; color: #333; white-space: pre-wrap; background: #f7fbfa; border-radius: 10px; padding: 12px; }
.ov-pay-tip { text-align: center; color: #f39c12; padding: 14px 0; font-size: 14px; background: #fffbe8; border-radius: 10px; margin-top: 8px; }

/* ③ 未成年人限时遮罩 */
.minor-block { position: fixed; inset: 0; z-index: 9999; background: rgba(15,40,36,.92); display: flex; align-items: center; justify-content: center; padding: 24px; }
.minor-box { background: #fff; border-radius: 16px; padding: 28px 22px; max-width: 340px; text-align: center; }
.minor-title { font-size: 18px; font-weight: 700; color: #1b4b43; margin-bottom: 12px; }
.minor-msg { font-size: 15px; color: #333; line-height: 1.9; }
.minor-sub { font-size: 12px; color: #999; margin-top: 16px; }

/* ④ 微信支付 */
.ov-wxpay-btn { width: 100%; max-width: 220px; padding: 13px 0; border: none; border-radius: 26px; background: #07c160; color: #fff; font-size: 16px; font-weight: 600; margin: 4px auto 14px; display: block; }