/* 产品详情：先认识展项，再看完整实物和项目咨询；图片始终按原比例显示。 */
body.w-dino .pv-top .pv-heading{max-width:72rem;margin:clamp(28px,4vw,64px) auto clamp(26px,3vw,48px)}
body.w-dino .pv-heading h1{font-family:var(--head);font-weight:var(--head-w);font-size:clamp(38px,5vw,74px);line-height:1.12;max-width:18em;margin:0}
body.w-dino .pv-heading .pd-code{font-size:clamp(15px,.42em,22px);color:var(--dim);white-space:nowrap}
body.w-dino .pv-heading :is(.pd-no,.pv-sp,.pv-story){max-width:55rem;margin:14px 0 0;line-height:1.7}
body.w-dino .pv-top .pd{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,4vw,56px);align-items:start;margin:0}
body.w-dino .pv-top .pd .gal{width:100%;max-width:var(--pv-image-max,1200px)!important;margin-inline:auto}
body.w-dino .pv-top .pd .main-img{aspect-ratio:auto;display:flex;justify-content:center;background:var(--paper2);overflow:visible}
body.w-dino .pv-top .pd .main-img img{display:block;width:auto;height:auto;max-width:100%;max-height:80vh;object-fit:contain;background:none}
body.w-dino .pv-top .thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
body.w-dino .pv-top .thumbs button{flex:0 0 68px;width:68px;min-height:68px;aspect-ratio:1}
body.w-dino .pv-top .thumbs button:focus-visible{outline:3px solid var(--lamp);outline-offset:3px}
body.w-dino .pv-top .thumbs img{object-fit:contain}
body.w-dino .pv-side{max-width:72rem;width:100%;margin-inline:auto}
body.w-dino .pv-top .ask{margin-top:0;padding-top:clamp(20px,3vw,38px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:center}
body.w-dino .pv-top .ask span{max-width:48em;line-height:1.7}
body.w-dino .pv-top .ask b{grid-column:2;grid-row:1 / span 2;margin:0}
body.w-dino .pv-top .ask .btns{grid-column:1 / -1;margin-top:10px}
@media(max-width:767px){
 body.w-dino .pv-top .pv-heading{margin:24px auto 26px}
 body.w-dino .pv-heading h1{font-size:clamp(32px,9vw,44px)}
 body.w-dino .pv-top .pd .main-img img{max-height:none}
 body.w-dino .pv-top .thumbs{justify-content:flex-start}
 body.w-dino .pv-top .thumbs button{flex-basis:60px;width:60px;min-height:60px}
 body.w-dino .pv-top .ask{display:block}
 body.w-dino .pv-top .ask b{margin:10px 0 14px}
}

/* 保持原实物比例和图库操作，用留白与轻微层次突出展品。 */
body.w-dino .pv-top .pd .main-img{box-shadow:0 24px 48px rgba(0,0,0,.28)}
body.w-dino .pv-top .pd .gal{position:relative}
/* 已逐张核实的视角说明随图片切换，紧贴画面而不遮挡展品。 */
body.w-dino .pv-top .pv-reviewed-caption{margin:14px 0 0;color:var(--ink2);font-size:15px;line-height:1.65;max-width:56em}

/* 灰红纹霸王龙：以展项视角讲造型，历史实拍遵守 800px 原片限宽。 */
body.w-dino :is(.pv-feature-10,.pv-feature-19){display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:'crumb crumb' 'heading gallery' 'consult gallery';align-items:start;gap:clamp(24px,4vw,60px);padding:clamp(30px,4vw,60px) var(--gut) clamp(65px,7vw,100px);max-width:1600px;margin:auto}
body.w-dino :is(.pv-feature-10,.pv-feature-19)>.crumb{grid-area:crumb;padding:0}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-heading{grid-area:heading;max-width:none;margin:0}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-heading h1{font-size:clamp(38px,4.2vw,64px);line-height:1.18}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-heading .pv-story{font-size:clamp(17px,1.35vw,20px);line-height:1.85;margin-top:24px}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd{display:contents}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd .gal{grid-area:gallery;width:100%;max-width:min(100%,800px)!important;justify-self:end;margin:0}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd .main-img{background:transparent;box-shadow:0 32px 60px rgba(0,0,0,.4);transform:rotate(.7deg)}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd .main-img img{max-width:100%;max-height:none;width:100%;height:auto}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-view-caption{margin:18px 0 0;color:var(--ink2);line-height:1.65;font-size:15px}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-side{grid-area:consult;margin:0;width:100%;align-self:start}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .ask{display:block;padding-top:22px}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .ask b{display:block;margin:12px 0}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .thumbs{justify-content:flex-start;gap:8px;margin-top:25px}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .thumbs button{width:auto;flex:0 1 auto;min-width:0;min-height:44px;aspect-ratio:auto;padding:8px 12px;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);background:transparent;border:1px solid var(--line);cursor:pointer}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .thumbs button img{display:none}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .thumbs button[aria-current=true]{border-color:var(--accent);background:var(--accent);color:#120b03}
body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-noscript a{display:inline-block;min-height:44px;margin:8px 12px 0 0}
.pv-exhibit-detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,90px);padding:clamp(80px,9vw,140px) var(--gut);background:var(--paper2)}
.pv-exhibit-copy{max-width:34em;justify-self:end}.pv-exhibit-copy h2{margin:0 0 25px;line-height:1.2}.pv-exhibit-copy p{line-height:1.85;margin:0 0 16px}.pv-exhibit-copy .pv-detail-note{font-size:15px;line-height:1.7;color:var(--dim)}
.pv-exhibit-detail figure{margin:0;max-width:800px}.pv-exhibit-detail img{display:block;width:100%;height:auto;box-shadow:0 30px 60px rgba(0,0,0,.35)}.pv-exhibit-detail figcaption{margin-top:12px;color:var(--dim);font-size:15px;line-height:1.7}
.pv-species-note{padding:clamp(50px,6vw,90px) var(--gut);max-width:1200px;margin:auto}.pv-species-note h2{margin:0 0 18px}.pv-species-note p{max-width:60em;line-height:1.8}
@media(max-width:900px){
 body.w-dino :is(.pv-feature-10,.pv-feature-19){display:block;padding:28px var(--gut) 64px}
 body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-heading{margin:24px 0 30px}
 body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd{display:block}
 body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd .gal{margin:auto}
 body.w-dino :is(.pv-feature-10,.pv-feature-19) .pv-side{margin:36px auto 0}
 .pv-exhibit-detail{grid-template-columns:1fr;gap:28px}
 .pv-exhibit-copy{justify-self:start}.pv-exhibit-detail figure{max-width:800px}
}
@media(prefers-reduced-motion:reduce){body.w-dino :is(.pv-feature-10,.pv-feature-19) .pd .main-img{transform:none}}

/* 通用展项详情：在同一个舞台里阅读名称、实拍与可操作的不同角度。
   沿用 --pv-image-max，绝不因布局扩大历史资料图片的限宽。 */
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pd .main-img{background:transparent;box-shadow:0 28px 58px rgba(0,0,0,.32)}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pd .main-img img{width:auto;height:auto;max-width:100%;object-fit:contain}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .gal .note{margin-top:14px;line-height:1.7}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs{justify-content:flex-start;gap:10px;margin-top:18px}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button{flex:0 0 104px;width:104px;min-height:64px;aspect-ratio:3/2;background:var(--paper2);border-width:2px;transition:border-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button:hover{transform:translateY(-3px)}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs img{width:100%;height:100%;object-fit:contain}

@media(min-width:1051px){
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)){max-width:1600px;margin:auto;padding:clamp(30px,4vw,60px) var(--gut) clamp(72px,8vw,120px)}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pv-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:clamp(32px,6vw,90px);align-items:start;max-width:none;margin:clamp(32px,4vw,60px) auto}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pv-heading h1{grid-column:1;grid-row:1 / span 4;font-size:clamp(40px,4.5vw,70px);line-height:1.18}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pv-heading :is(.pd-no,.pv-sp,.pv-story){grid-column:2;max-width:36em;line-height:1.85;margin-top:0;margin-bottom:14px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pd .gal{isolation:isolate}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pd .main-img{transform:rotate(-.5deg);transform-origin:center}
}
@media(max-width:767px){
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs{gap:8px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button{flex-basis:calc((100% - 24px)/4);width:calc((100% - 24px)/4);min-height:48px;aspect-ratio:3/2}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button{transition:none}body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .thumbs button:hover{transform:none}body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19)) .pd .main-img{transform:none}}

/* 骨架资料以错位展陈区分单件与关联待核的旧站画面。 */
.pv-skeleton-reference{padding:clamp(72px,9vw,136px) var(--gut);background:var(--paper2);color:var(--ink)}
.pv-skeleton-intro,.pv-skeleton-frames{max-width:1440px;margin:0 auto}
.pv-skeleton-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.pv-skeleton-intro h2{margin:14px 0 0;line-height:1.22}.pv-skeleton-intro p{max-width:34em;line-height:1.8;margin:0;color:var(--ink2)}
.pv-skeleton-kicker{color:var(--accent);font-size:15px;letter-spacing:.08em}
.pv-skeleton-frames{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.pv-skeleton-frames figure{margin:0;max-width:800px;cursor:zoom-in}
.pv-skeleton-frames figure:nth-child(2){margin-top:clamp(36px,7vw,100px)}
.pv-skeleton-frames figure:nth-child(3){grid-column:1/-1;width:min(72%,800px);justify-self:center}
.pv-skeleton-frames img{display:block;width:100%;height:auto;box-shadow:0 24px 50px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.pv-skeleton-frames figure:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.pv-skeleton-frames figcaption{margin-top:14px;line-height:1.7;color:var(--ink2);font-size:15px}
@media(hover:hover){.pv-skeleton-frames figure:hover img{transform:translateY(-5px)}}
@media(max-width:767px){.pv-skeleton-intro,.pv-skeleton-frames{grid-template-columns:1fr}.pv-skeleton-intro{gap:20px}.pv-skeleton-frames figure:nth-child(2){margin-top:0}.pv-skeleton-frames figure:nth-child(3){grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.pv-skeleton-frames img{transition:none}.pv-skeleton-frames figure:hover img{transform:none}}

/* 安装示例用部件名称切换，图片说明与焦点同步。 */
body.w-dino .pv-feature-613 .thumbs{flex-wrap:wrap}
body.w-dino .pv-top.pv-feature-613 .thumbs button{width:auto;flex:0 1 auto;min-width:0;min-height:44px;aspect-ratio:auto;padding:8px 12px;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);background:transparent;border:1px solid var(--line);cursor:pointer}
body.w-dino .pv-top.pv-feature-613 .thumbs button img{display:none}
body.w-dino .pv-top.pv-feature-613 .thumbs button[aria-current=true]{border-color:var(--accent);background:var(--accent);color:#120b03}
body.w-dino .pv-feature-613 .pv-view-caption{margin:14px 0 0;color:var(--ink2);line-height:1.65}
body.w-dino .pv-feature-613 .pv-noscript a{display:inline-block;min-height:44px;margin:8px 12px 0 0}

/* 手机先认识实物，再阅读产品说明和物种背景；特别设计的展项页保留原有顺序。 */
@media(max-width:767px){
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)){display:flex;flex-direction:column}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) :is(.pv-heading,.pd){display:contents}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .crumb{order:0;margin-bottom:24px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pv-heading h1{order:1}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pv-heading .pd-no{order:2}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pd .gal{order:3;margin-top:24px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pv-heading .pv-story{order:4;margin-top:24px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pv-heading .pv-sp{order:5;margin-top:16px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .pv-side{order:6;margin-top:28px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;padding:6px 8px 10px}
 body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs button{flex:0 0 88px;width:88px;min-height:60px;scroll-snap-align:start}
 body.w-dino .pv-top .pv-swipe-hint{margin:4px 8px 0;color:var(--ink2);font-size:15px;line-height:1.6}
}

/* 已核展品用具名视角导航，让一张完整实拍成为视觉主角。 */
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs.pv-reviewed-views{gap:8px 20px;justify-content:flex-start}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs.pv-reviewed-views button{flex:0 0 auto;width:auto;min-width:44px;min-height:44px;aspect-ratio:auto;padding:8px 2px;font:inherit;font-size:15px;line-height:1.5;color:var(--ink2);background:transparent;border:0;border-bottom:2px solid transparent;box-shadow:none;transform:none;white-space:nowrap;cursor:pointer}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs.pv-reviewed-views button[aria-current="true"]{color:var(--ink);border-bottom-color:var(--accent)}
body.w-dino .pv-top:not(:is(.pv-feature-10,.pv-feature-19,.pv-feature-613)) .thumbs.pv-reviewed-views button:hover{transform:none}

/* 子类入口在窄屏按词组换行，避免把名称拆开。 */
@media (max-width:767px){
 .pv-top .crumb a[href="/animatronics/mythic/nine-sons-of-the-dragon.html"]{white-space:nowrap}
}

/* 手机与平板的骨架首图完整保留原比例，图注与文字依次排列。 */
@media (max-width:900px){
 body.w-dino .tale-hero.wx-skeleton{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .wx-skeleton .th-img{position:relative;inset:auto;width:100%;aspect-ratio:auto;z-index:0;order:0}
 .wx-skeleton .th-img img{width:100%;height:auto;object-fit:contain;object-position:center!important;transform:none!important;filter:none!important;opacity:1!important}
 .wx-skeleton .th-img .lit-cv{display:none}
 .wx-skeleton .th-shade{display:none}
 .wx-skeleton .th-cap{position:static;align-self:flex-end;order:1;margin:0;padding:12px var(--gut) 0}
 .wx-skeleton .th-tx{order:2;padding:24px var(--gut) 40px}
}

/* 产品详情面包屑移动触控区。 */
@media(max-width:900px){.pv-top nav.crumb a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;vertical-align:middle}}

/* 图片失败时，独立参考区仍可按手机屏宽收缩。 */
@media(max-width:860px){.pv-other-reference>.two{grid-template-columns:minmax(0,1fr)}}

/* 产品详情手机咨询标题按两行阅读，保持既有版式及字体。 */
@media(max-width:767px){body.w-dino:has(.pv-top) .cta h2{font-size:clamp(28px,8vw,32px)!important}}