/* ================= 款式详情页 · v2 正式站补充（画布之外） =================
   画布样式是 public/v2/pdp-v6.css（和前台画布 project/pdp-v6.css 逐字相同，不改）。
   只在 RC_UI_V2=1 时由 src/v2/views/detail-shell.js 引用；旧详情页仍用 public/pdp.css 等旧样式，不受影响。
   这里只放画布之外的补丁，每条写明原因。 */

/* 老板意见 2026-10-22（取代 10-21 的“铺满裁切”）：图片完整显示、居中，不裁切。 */
.pdp .detail-art img,.pdp-media .detail-art img{object-fit:contain;object-position:center}
.pdp .gallery-track img{object-fit:contain;object-position:center}
.product-image img{object-fit:contain;object-position:center;transform:none}

/* 老板意见 #3（首页 10-21，通用）：卡片鼠标悬停时轻轻弹起，带一点回弹。只在有鼠标的设备上生效；系统设置了"减少动态效果"时不动。 */
.product-card,.pdp-inspire-grid>li{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}
@media (hover:hover){
  .product-card:hover,.pdp-inspire-grid>li:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(17,17,17,.10);border-color:#111}
}
@media (prefers-reduced-motion:reduce){.product-card,.pdp-inspire-grid>li{transition:none}.product-card:hover,.pdp-inspire-grid>li:hover{transform:none}}

/* 平板宽度（701–1100）：画布只设计了 1280 和 375，这个宽度顶栏放不下，整页横向溢出（768 宽溢出 436px）。
   和首页偏差 #4 同样处理：主菜单收进汉堡按钮，搜索框变窄；≤900 时搜索框只留图标。画布的顶栏规则是 @media，所以这里也用 @media。 */
@media (min-width:701px) and (max-width:1100px){
  .v6 .hdr nav{display:none}
  .v6 .hdr .hamb{display:inline-flex}
  .v6 .hdr{gap:16px}
  .v6 .tools{gap:12px}
  .v6 .tools .hsearch{min-width:0}
}
@media (min-width:701px) and (max-width:900px){
  .v6 .tools .hsearch span{display:none}
}

/* 参考图款式的侵权声明（老板 10-22）：图库下方一行小字，和页脚声明同级别，不抢眼。 */
.v2-ref-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#8A8178}
.v2-ref-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.v2-ref-note a:hover{color:#5F5852}
/* 主图不再是链接（图片不提供下载），鼠标不显示手形 */
.detail-art .detail-image-open{display:block;cursor:default}

/* 复盘 10-22：主按钮下面的“先加入选款单”（只想先存款、不填规划器的买家） */
.pdp-config .pdp-shortlist{margin-top:8px;background:#fff;color:#111;border:1px solid #111}
.pdp-config .pdp-shortlist:hover{border-color:#C4164A;color:#C4164A}

/* ── 详情页两版（老板 10-22 拍板）── */
/* 价格位：暂无价位时写“免费报价 · 24 小时内回复” */
.pdp .pdp-price{margin:14px 0 0;font-size:15px;font-weight:600;color:#111}
/* 核实标记：工厂确认 / 按样品测量 / AI 估算 */
.pdp .pdp-verify{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;font-size:11px;line-height:18px;font-weight:500;letter-spacing:.01em;white-space:nowrap;vertical-align:1px}
.pdp .pdp-verify.v-factory{background:#E4F2EA;color:#1D6B43}
.pdp .pdp-verify.v-measured{background:#E6EDF8;color:#2A4E85}
.pdp .pdp-verify.v-ai{background:#F1EEEA;color:#6F665F}
/* 规格单说明（询价后随报价发 PDF） */
.pdp .pdp-specsheet{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#8A8178;text-align:center}
/* 精选版：结构与工艺单独一节 */
.pdp #structure .pdp-spec-deep{margin-top:0;padding-top:0}
/* 普通版：参数一张表（桌面三列） */
.pdp .pdp-spec-flat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin:0}
.pdp .pdp-spec-flat div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #EEE9E3;min-width:0}
.pdp .pdp-spec-flat dt{color:#8A8178;flex:none}
.pdp .pdp-spec-flat dd{margin:0;text-align:right;font-weight:500;min-width:0;overflow-wrap:anywhere}
/* 普通版：想改成你的版本？ */
.pdp .pdp-l0-changes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:4px 0 18px;padding:0}
.pdp .pdp-l0-changes li{padding:6px 12px;border:1px solid #E6E0DA;border-radius:999px;font-size:13px;background:#fff}
.pdp .pdp-l0-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;gap:12px;align-items:end;padding:20px;border:1px solid #E6E0DA;border-radius:14px;background:#FBFAF8}
.pdp .pdp-l0-form .field{margin:0;min-width:0}
.pdp .pdp-l0-form .pdp-l0-note,.pdp .pdp-l0-form .form-status{grid-column:1/-1;margin:0;font-size:12.5px;color:#8A8178}
.pdp .pdp-l0-form .form-status:empty{display:none}
/* 普通版手机底部：加入选款单 + 询价 */
.pdp-sticky-pair{display:none}
@media (max-width:980px){
  .pdp .pdp-spec-flat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdp .pdp-l0-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:600px){
  .pdp .pdp-spec-flat,.pdp .pdp-l0-form{grid-template-columns:minmax(0,1fr)}
  .pdp-sticky-pair{display:flex;gap:8px;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20}
  .pdp-sticky-pair .btn{flex:1;justify-content:center;box-shadow:0 8px 24px rgb(0 0 0 / 14%)}
  .pdp-sticky-pair .btn:not(.primary){background:#fff}
  .pdp-l0{padding-bottom:72px}
}

/* 快速询价一行：输入框和两个按钮同高 44px（老板 10-22 细节巡检：输入框 40、按钮 45） */
.pdp .pdp-l0-form input,.pdp .pdp-l0-form .btn{box-sizing:border-box;height:44px}
.pdp .pdp-l0-form .btn{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}
.pdp .pdp-l0-form input::placeholder{font-family:inherit}

/* 手机底部固定的"询价"条（.pdp-sticky-cta，高约 45px、离底 14px）会盖住页脚最后几行：有这个条时给页脚补出底部留白（Codex 体检 2026-10-22） */
@media (max-width:600px){
  body:has(.pdp-sticky-cta:not([hidden])) footer{padding-bottom:calc(28px + 72px + env(safe-area-inset-bottom,0px))}
}

/* 对比度不够的几处（Lighthouse color-contrast，Codex 体检 2026-10-22），都调到 4.5:1 以上 */
.pdp-media .gallery-count{background:rgba(0,0,0,.62)}
.pdp .pdp-specsheet{color:#6b635b}
.plan-start-option small,.pdp-note{color:#5f5f5f}
.pdp .plan-hint,.plan-hint{color:#5c5345}
.pdp .card-actions button,.pdp .card-actions a{color:#c4164a}
/* 手机上首屏是单列 1fr：图库轨道里的图加载完后，网格项按内容最小宽度撑开，整页变成 460 宽、能左右滑（2026-10-23）。网格项允许缩到 0 */
.pdp .pdp-hero>*{min-width:0}

/* 最小字号（客户视角走查 2026-10-24）：参考样式 pdp-v6.css 里 FAQ 回答 11px（手机 10px）、相关款信息 8–9px，读不清。前面加 html 压过原规则，不改原文件。 */
html .faq-list summary{font-size:15px}
html .faq-list details p{font-size:14px;line-height:1.7}
html .product-meta{font-size:12px}
html .product-card .card-actions button,html .product-card .card-actions a,html .product-card .card-actions .btn,html .product-card .card-actions>span{font-size:12px}
html .pdp-est,html .kicker{font-size:11px}
html .section-heading>.text-link{font-size:13px}
/* 手机抽屉挪到 <body> 后是 .v6.v2-layer > .site：这层 .site 不要 600px 白底（1.0.1 验收第 2 条） */
.v6.v2-layer > .site{min-height:0;background:none}