@media (width<=40rem){.page.detail-page{padding-top:calc(6.5rem + env(safe-area-inset-top,0px))}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse) and (width>=251px){.page.detail-page{--land-left:env(safe-area-inset-left,0px);--land-col:calc((100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) * .5);--land-top:calc(1rem + env(safe-area-inset-top,0px));--land-bottom:4.375rem;max-width:none;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-left:calc(var(--land-left) + var(--land-col) + 1rem);margin:0}}.detail-box{width:min(22.5rem,100%,78vw);margin-inline:auto;display:block;position:relative}.detail-art{display:block;position:relative}.detail-hero{--spin-gutter:0px}@media (width>=251px){.detail-art{--art:min(100%, (100vw - 2 * var(--spin-gutter)) / var(--wh-spinc,.001));width:var(--art);margin:calc((100% - var(--art)) / 2) auto}}.detail-frame{position:absolute;inset:-6% max(-25%,50% - 50vw)}.detail-model{left:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), calc(50% - 50vw));right:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), calc(50% - 50vw))}.detail-caption{color:var(--color-text);letter-spacing:-.015em;text-align:center;margin-top:1.25rem;font-size:1.5rem;font-weight:500;line-height:1.5}.detail-caption:lang(zh-Hant){letter-spacing:normal;line-height:1.6}@media (width>=56.0625rem) and (height>=50rem){[data-strip-weight=e] .detail-hero{--hero-side:22.5rem;--wh-s:var(--whe-s);--wh-x:var(--whe-x);--wh-y:var(--whe-y);--wh-w:var(--whe-w);--wh-h:var(--whe-h);--wh-ct:var(--whe-ct);--wh-cb:var(--whe-cb);--wh-rx:var(--whe-rx)}}@media (width>=56.0625rem) and (height>=501px) and (height<=49.99rem){[data-strip-weight=e] .detail-hero{--hero-side:22.5rem;--wh-s:var(--whs-s);--wh-x:var(--whs-x);--wh-y:var(--whs-y);--wh-w:var(--whs-w);--wh-h:var(--whs-h);--wh-ct:var(--whs-ct);--wh-cb:var(--whs-cb);--wh-rx:var(--whs-rx)}}@media (width<=56rem) and (height>=501px){[data-strip-weight=e] .detail-hero{--hero-side:min(22.5rem, 78vw);--wh-s:var(--whp-s);--wh-x:var(--whp-x);--wh-y:var(--whp-y);--wh-w:var(--whp-w);--wh-h:var(--whp-h);--wh-ct:var(--whp-ct);--wh-cb:var(--whp-cb);--wh-rx:var(--whp-rx)}}@media (height>=501px){[data-strip-weight=e] .detail-box{width:calc(var(--hero-side) * var(--wh-w,1));height:calc(var(--hero-side) * var(--wh-h,1));margin-inline:calc(50% - var(--hero-side) * var(--wh-w,1) / 2)}[data-strip-weight=e] .detail-art{--art:min(var(--wh-s,1) * var(--hero-side), (100vw - 2 * var(--spin-gutter)) / var(--wh-spin,.001), 100vw / var(--wh-spinc,.001));left:calc(50% - var(--wh-cx,.5) * var(--art));top:calc(var(--hero-side) * var(--wh-h,1) / 2 - var(--wh-cy,.5) * var(--art));width:var(--art);pointer-events:none;margin:0;position:absolute}[data-strip-weight=e] .detail-model{clip-path:inset(calc(max(0, min(var(--wh-ct,0), var(--reach-t,1))) * 100%) 0 calc(max(0, min(var(--wh-cb,0), var(--reach-b,1))) * 100%))}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse) and (width>=251px){.detail-hero{--land-pic:min(var(--land-col) * .86, 100svh - var(--land-top) - var(--land-bottom));--land-hero-left:calc(var(--land-left) + (var(--land-col) - var(--land-pic)) / 2);--land-hero-top:calc(var(--land-top) + (100svh - var(--land-top) - var(--land-bottom) - var(--land-pic)) / 2)}.detail-box{left:var(--land-hero-left);top:var(--land-hero-top);width:var(--land-pic);margin:0;position:fixed}.detail-art{--art:min(100%, (var(--land-col) - 2 * var(--spin-gutter)) / var(--wh-spinc,.001))}.detail-frame{left:max(-25%, (var(--art) - var(--land-col)) / 2);right:max(-25%, (var(--art) - var(--land-col)) / 2)}.detail-model{left:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), (var(--art) - var(--land-col)) / 2);right:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), (var(--art) - var(--land-col)) / 2)}.detail-caption{margin-top:0}}@media (horizontal-viewport-segments:2){:root{--fold-a-left:env(viewport-segment-left 0 0,0px);--fold-a-w:env(viewport-segment-width 0 0,50vw);--fold-b-left:env(viewport-segment-left 1 0,50vw);--fold-b-w:env(viewport-segment-width 1 0,50vw)}}@media (vertical-viewport-segments:2){:root{--fold-a-top:env(viewport-segment-top 0 0,0px);--fold-a-h:env(viewport-segment-height 0 0,50vh);--fold-b-top:env(viewport-segment-top 0 1,50vh);--fold-b-h:env(viewport-segment-height 0 1,50vh)}}@media (horizontal-viewport-segments:2) and (width>=251px){.page.detail-page[data-fold-layout]{--land-left:var(--fold-a-left);--land-col:var(--fold-a-w);--land-top:calc(1rem + env(safe-area-inset-top,0px));--land-bottom:3.5rem;--fold-room-h:calc(100svh - var(--land-top) - var(--land-bottom));--split-text-top:calc(3rem + env(safe-area-inset-top,0px));max-width:none;padding-top:var(--split-text-top);padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-left:calc(var(--fold-b-left) + 1.5rem);margin:0}}@media (vertical-viewport-segments:2) and (width>=251px){.page.detail-page[data-fold-layout]{--land-left:0px;--land-col:100vw;--land-top:calc(var(--fold-a-top) + .75rem + env(safe-area-inset-top,0px));--fold-room-h:calc(var(--fold-a-h) - 1.5rem - env(safe-area-inset-top,0px));padding-top:calc(var(--fold-b-top) + 1.5rem)}}@media (horizontal-viewport-segments:2) and (width>=251px),(vertical-viewport-segments:2) and (width>=251px){.page[data-fold-layout] .detail-hero{--hero-side:min(22.5rem, var(--land-col) * .86 / var(--wh-w,1), var(--fold-room-h) / 1.12 / var(--wh-h,1));--fold-box-w:calc(var(--hero-side) * var(--wh-w,1));--fold-box-h:calc(var(--hero-side) * var(--wh-h,1));--fold-box-left:calc(var(--land-left) + (var(--land-col) - var(--fold-box-w)) / 2);--fold-box-top:calc(var(--land-top) + (var(--fold-room-h) - var(--fold-box-h)) / 2)}.page[data-fold-layout] .detail-box{left:var(--fold-box-left);top:var(--fold-box-top);width:var(--fold-box-w);height:var(--fold-box-h);margin:0;position:fixed}.page[data-fold-layout] .detail-art{--fold-skew:max(.5 - var(--wh-cx,.5), var(--wh-cx,.5) - .5);--fold-vskew:max(.5 - var(--wh-cy,.5), var(--wh-cy,.5) - .5);--art:min(var(--wh-s,1) * var(--hero-side), (var(--land-col) - 2 * var(--spin-gutter)) / var(--wh-spin,.001), var(--land-col) / (var(--wh-spinc,.001) + 2 * var(--fold-skew)), var(--fold-room-h) / (1.12 + 2 * var(--fold-vskew)));--fold-edge:calc((var(--art) - var(--land-col)) / 2 + var(--fold-skew) * var(--art))}.page[data-fold-layout] .detail-frame{left:max(-25%, var(--fold-edge));right:max(-25%, var(--fold-edge))}.page[data-fold-layout] .detail-model{left:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), var(--fold-edge));right:max(min(-25%, (1 - var(--wh-spinc,1.5)) * 50% - 2%), var(--fold-edge))}.page[data-fold-layout] .detail-caption{margin-top:0}}
