/* Media product page: original demos and controls, presented on a light product stage. */
.resolution-page .media-localnav{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1120px;margin:0 auto;padding:15px 24px;border-bottom:1px solid #d2d2d7}
.resolution-page .media-localnav .local-product{font-size:20px;line-height:28px;font-weight:500;white-space:nowrap}
.media-localnav>div{display:flex;align-items:center;gap:26px;font-size:12px;line-height:20px;color:#515154}
.media-localnav>div a{display:flex;align-items:center;min-height:32px;white-space:nowrap}
.media-localnav>div a:hover{color:#0066cc}
.resolution-page .resolution-hero{padding:64px 24px 50px;background:#fff;text-align:center}
.resolution-hero .product-kicker{font-size:20px;line-height:27px;font-weight:500;color:#1d1d1f;margin-bottom:12px}
.resolution-hero .product-heading{font-size:60px;line-height:64px;letter-spacing:-.01em;font-weight:450}
.resolution-tagline{font-size:30px;line-height:39px;letter-spacing:-.01em;margin-top:14px!important}
.resolution-hero .product-lead{font-size:18px;line-height:27px;max-width:650px;margin:17px auto 0;color:#6e6e73;text-wrap:balance}
.resolution-page .product-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:25px}
.resolution-hero-visual{max-width:1040px;margin:42px auto 0!important}
.resolution-hero-visual img{display:block;width:100%;border-radius:18px;border:1px solid #e8e8ed}
.resolution-hero-visual figcaption{color:#6e6e73;font-size:12px;line-height:20px;margin-top:17px;text-wrap:balance}
.resolution-page .mobile-break{display:none}
.resolution-page .media-demos{background:#f5f5f7;padding:12px 0}
.resolution-page .media-section{max-width:1200px;margin:0 auto 12px;padding:76px 70px 62px;background:#fff;border-radius:0}
.resolution-page .media-section:last-child{margin-bottom:0}
.media-section-copy{text-align:center;max-width:750px;margin:0 auto 36px}
.media-section-copy .product-kicker{font-size:16px;line-height:24px;font-weight:500;color:#6e6e73;margin-bottom:14px}
.media-section-copy h2{font-size:36px;line-height:41px;letter-spacing:-.01em;font-weight:500;color:#1d1d1f;text-wrap:balance}
.media-section-copy .engine-intro{max-width:600px;margin:19px auto 0;color:#6e6e73;font-size:16px;line-height:25px;text-wrap:balance}
.resolution-page :is(.engine-tabs,.evidence-scenes,.evidence-rates){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;background:#f5f5f7;border-radius:28px;padding:5px}
.resolution-page :is(.engine-tabs,.evidence-scenes,.evidence-rates) button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 21px;font-size:14px;line-height:22px;background:transparent;border:0;border-radius:28px;color:#515154;white-space:nowrap}
.resolution-page .engine-tabs button[aria-pressed=true],.resolution-page :is(.evidence-scenes,.evidence-rates) button[aria-pressed=true]{background:#1d1d1f;color:#fff}
.resolution-page :is(.engine-tabs,.evidence-scenes,.evidence-rates) button:hover{background:#e8e8ed;color:#1d1d1f}
.resolution-page :is(.engine-tabs,.evidence-scenes,.evidence-rates) button:disabled{opacity:.35;cursor:not-allowed}
.resolution-page .engine-tabs{width:max-content;max-width:100%;margin:0 auto 28px}
.resolution-page .engine-player{display:block;width:100%;aspect-ratio:16/9;max-height:630px;object-fit:contain;background:#000;border:0;border-radius:16px}
/* 播放键在画面里：还没播放时整个画面都可点，中间一个半透明的大播放键，左下角一个小的；开始后由原生控件或同步对比的控制条接手。 */
.resolution-page .video-frame{position:relative}
.resolution-page .video-start{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.resolution-page .video-start:focus-visible{outline:2px solid #2997ff;outline-offset:-4px}
.resolution-page .video-start:disabled{cursor:progress}
.resolution-page :is(.video-start-center,.video-start-corner){position:absolute;display:grid;place-items:center;border-radius:50%;background:#00000024;transition:background .2s,transform .2s}
.resolution-page .video-start-center{left:50%;top:50%;width:76px;height:76px;border:1.5px solid #ffffffb3;transform:translate(-50%,-50%)}
.resolution-page .video-start-corner{left:14px;bottom:12px;width:40px;height:40px}
/* 底色很淡，靠白色描边与图标阴影在亮画面上也看得清。 */
.resolution-page .video-start svg{width:44%;height:44%;fill:currentColor;filter:drop-shadow(0 1px 3px #00000073)}
.resolution-page .video-start:hover .video-start-center{background:#00000040;transform:translate(-50%,-50%) scale(1.06)}
.resolution-page .video-start:disabled .video-start-center{animation:video-start-wait .9s ease-in-out infinite alternate}
@keyframes video-start-wait{to{opacity:.5}}
@media(prefers-reduced-motion:reduce){.resolution-page :is(.video-start-center,.video-start-corner){transition:none}.resolution-page .video-start:disabled .video-start-center{animation:none}}
.resolution-page .media-complete{text-align:center;margin-top:12px}
.resolution-page :is(.media-complete,.paired-originals) a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#0066cc;font-size:13px;line-height:21px}
.resolution-page :is(.media-complete,.paired-originals) a:hover{text-decoration:underline}
.resolution-page .image-note{font-size:12px;line-height:20px;text-align:center;color:#6e6e73;margin-top:10px}
.resolution-page [data-video-compare]>.evidence-scenes{width:max-content;max-width:100%;margin:0 auto 28px}
/* 同步对比是一个播放器：两路画面加底部控制条，播放键在控制条左端；画面与控制条都是黑底，不随主题变。 */
.resolution-page .pair-player{overflow:hidden;border-radius:16px;background:#000;color:#fff}
.resolution-page .paired-videos{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.resolution-page .paired-videos figure{position:relative;min-width:0}
.resolution-page .paired-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.resolution-page .paired-videos figcaption{position:absolute;left:12px;top:12px;padding:2px 10px;border-radius:980px;background:#00000080;color:#fff;font-size:12px;line-height:20px;font-weight:500;pointer-events:none}
.resolution-page .paired-originals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:center;margin:8px 0 0}
.resolution-page .pair-controls{display:flex;align-items:center;gap:4px 14px;padding:6px 14px 6px 6px;border-top:1px solid #ffffff1a;background:#111113}
.resolution-page .pair-controls button{flex-shrink:0;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:13px;line-height:20px}
.resolution-page .pair-controls button:hover{background:#ffffff1f}
.resolution-page .pair-controls button:disabled{opacity:.5;cursor:progress}
.resolution-page .pair-controls .pair-toggle{display:grid;place-items:center;width:44px;padding:0;border-radius:50%}
.resolution-page .pair-toggle svg{width:22px;height:22px;fill:currentColor}
.resolution-page .pair-toggle[data-playing] .pair-icon-play,.resolution-page .pair-toggle:not([data-playing]) .pair-icon-pause{display:none}
.resolution-page .pair-controls input{min-width:0;flex:1;min-height:44px;accent-color:#0071e3;cursor:pointer}
.resolution-page [data-video-status]{font-size:12px;line-height:20px;min-height:20px;text-align:center;color:#6e6e73;margin-top:10px}
.resolution-page .evidence-toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}
.resolution-page .evidence-rates button{padding-inline:17px}
.resolution-page .evidence-status{font-size:12px;line-height:21px;color:#6e6e73;text-align:center;min-height:21px;margin:17px 0}
.resolution-page .evidence-stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#1d1d1f;--split:50%}
.resolution-page .evidence-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.resolution-page .evidence-after{clip-path:inset(0 0 0 var(--split))}
.resolution-page .evidence-stage input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize;touch-action:pan-y}
.resolution-page .evidence-stage:focus-within{outline:3px solid #0071e3;outline-offset:4px}
.resolution-page .evidence-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;color:transparent;pointer-events:none}
.resolution-page .evidence-line::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:#fff;color:#1d1d1f;border-radius:50%;box-shadow:0 2px 15px #0002;font-size:20px}
.resolution-page .evidence-label{position:absolute;bottom:18px;padding:6px 15px;font-size:12px;line-height:20px;background:#1d1d1fe0;color:#fff;border-radius:30px;pointer-events:none}
.resolution-page .evidence-label.before{left:18px}.resolution-page .evidence-label.after{right:18px}
.resolution-page .evidence-meta{display:flex;align-items:center;justify-content:center;gap:6px 24px;flex-wrap:wrap;padding:14px 0 0;font-size:13px;line-height:22px}
.resolution-page .evidence-meta a,.resolution-page .evidence-meta button{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;padding:0;color:#0066cc;font-size:13px;line-height:22px}
.resolution-page .evidence-meta a:hover,.resolution-page .evidence-meta button:hover{text-decoration:underline}
.resolution-page .evidence-meta button:disabled{opacity:.4;cursor:wait}
.resolution-page .image-metadata{flex-basis:100%;text-align:center;color:#6e6e73}
.resolution-page .image-metadata summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer}
.resolution-page .image-metadata summary::after{content:'+';margin-left:8px}.resolution-page .image-metadata[open] summary::after{content:'−'}
.resolution-page .image-metadata p{font-size:12px;line-height:20px;margin:0 0 6px;text-wrap:balance}
.resolution-page .media-archive{width:min(980px,100%);margin:0 auto;padding:76px 24px 62px;background:#fff}
.archive-groups{margin-top:36px}
.archive-groups>details{border-bottom:1px solid #d2d2d7}
.archive-groups>details:first-child{border-top:1px solid #d2d2d7}
.archive-groups>details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;list-style:none;font-size:18px;line-height:27px;font-weight:500;cursor:pointer}
.archive-groups>details>summary::-webkit-details-marker{display:none}
.archive-groups>details>summary>span{color:#86868b;font-size:24px;line-height:28px;font-weight:400}
.archive-groups>details[open]>summary>span{transform:rotate(45deg)}
.archive-content{padding:0 0 30px;color:#1d1d1f}
.archive-content>div:first-child{margin-bottom:20px}
.archive-content h2{font-size:20px;line-height:27px;font-weight:500}
.archive-content p{font-size:14px;line-height:23px;color:#6e6e73;margin-top:8px}
.archive-content>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.archive-content.compact-tech>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr))}
.archive-content button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;min-width:0;border:0;border-radius:14px;background:#f5f5f7;text-align:left}
.archive-content button:hover{background:#e8e8ed}
.archive-content button svg{width:32px;height:32px;color:#6e6e73}
.archive-content button b{font-size:14px;line-height:22px;font-weight:500}
.archive-content button span{font-size:12px;line-height:20px;color:#6e6e73}
.archive-content .data-cards img{width:100%;height:130px;object-fit:contain;background:#fff;border-radius:7px}
.archive-content.compact-cases button{align-items:center;text-align:center}
.archive-content.compact-cases img{width:100px;height:65px;object-fit:contain;mix-blend-mode:multiply}
.resolution-page .archive-full{background:transparent;border:0;padding:8px 0;margin-top:16px;font-size:14px;line-height:22px;color:#0066cc}
.resolution-page .media-closing{padding:72px 24px 78px;background:#f5f5f7;text-align:center}
.media-closing h2{font-size:36px;line-height:1.22;letter-spacing:-.01em;font-weight:500;text-wrap:balance}
.media-closing>p{font-size:16px;line-height:25px;color:#6e6e73;margin-top:20px;text-wrap:balance}
/* These dialogs retain the original source documents and client material. */
.resolution-page :is(.v3-detail-dialog,.evidence-dialog){position:fixed;inset:0;width:min(1060px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:56px 42px 40px;border:0;border-radius:22px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#1d1d1f;color-scheme:light;box-shadow:0 30px 100px #0004}
.resolution-page :is(.v3-detail-dialog,.evidence-dialog)::backdrop{background:#0009;backdrop-filter:blur(8px)}
.resolution-page :is(.v3-detail-dialog,.evidence-dialog) .dialog-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;background:#e8e8ed;color:#515154;border:0;border-radius:50%;font-size:30px;line-height:1}
.resolution-page :is(.v3-detail-dialog,.evidence-dialog)>h2{font-size:30px;line-height:39px;letter-spacing:-.01em;font-weight:500;margin:20px 0}
.resolution-page .v3-detail-dialog h3{font-size:20px;line-height:28px;font-weight:500;margin-bottom:12px}
.resolution-page .v3-detail-dialog :is(p,li){font-size:14px;line-height:24px;color:#6e6e73}
.resolution-page .v3-detail-dialog .archive-label{font-size:12px;color:#6e6e73;margin:0 0 8px}
.resolution-page .v3-detail-dialog .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.resolution-page .v3-detail-dialog .detail-grid article{padding:24px;background:#f5f5f7;border-radius:14px}
.resolution-page .v3-detail-dialog :is(.chart-row,.media-document,.customer-story){display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:30px 0}
.resolution-page .v3-detail-dialog :is(.chart-row,.media-document,.customer-story) img{width:100%;height:auto;max-height:450px;object-fit:contain}
.resolution-page .v3-detail-dialog .wide-chart{width:100%;max-height:620px;object-fit:contain;margin-top:25px}
.resolution-page .v3-detail-dialog .customer-mark{max-width:100px;max-height:75px!important;object-position:left;margin-bottom:18px}
.resolution-page .v3-detail-dialog .feature-list{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0;margin-top:18px;list-style:none}
.resolution-page .v3-detail-dialog .text-link{color:#0066cc;font-size:14px;margin-top:12px}
.resolution-page .evidence-dialog{width:min(1440px,calc(100% - 32px));padding:48px 24px 24px}
.resolution-page .evidence-dialog h2{font-size:24px;line-height:32px;text-align:center;margin:10px 30px 24px}
.resolution-page .evidence-dialog .evidence-stage{margin:auto;max-width:100%}
@media(max-width:1068px){.resolution-page .media-section{padding:64px 40px 54px}.resolution-hero .product-heading{font-size:48px;line-height:52px}.resolution-tagline{font-size:30px;line-height:39px}.media-section-copy h2{font-size:36px}.resolution-page .evidence-toolbar{flex-direction:column}.resolution-page .media-localnav{margin-inline:16px}}
@media(max-width:767px){.resolution-page .media-localnav{display:block;margin:0;padding:12px 20px 8px}.resolution-page .media-localnav .local-product{font-size:18px;line-height:26px}.media-localnav>div{justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;line-height:20px}.media-localnav>div a{min-height:44px}.resolution-page .resolution-hero{padding:40px 20px 36px}.resolution-hero .product-kicker{font-size:16px;line-height:23px;margin-bottom:10px}.resolution-hero .product-heading{font-size:36px;line-height:43px}.resolution-tagline{font-size:20px;line-height:27px;margin-top:11px!important}.resolution-hero .product-lead{font-size:14px;line-height:22px;max-width:360px;margin-top:15px}.resolution-page .product-actions{gap:12px;margin-top:22px}.resolution-page .mobile-break{display:block}.resolution-hero-visual{margin:30px auto 0!important}.resolution-hero-visual img{border-radius:10px}.resolution-hero-visual figcaption{font-size:12px;line-height:20px;margin-top:12px}.resolution-page .media-section{padding:46px 20px 40px}.media-section-copy{margin-bottom:28px}.media-section-copy .product-kicker{font-size:14px;line-height:22px;margin-bottom:12px}.media-section-copy h2{font-size:30px;line-height:38px;letter-spacing:-.01em}.media-section-copy .engine-intro{font-size:14px;line-height:22px;margin-top:15px;max-width:350px}.resolution-page :is(.engine-tabs,.evidence-scenes,.evidence-rates) button{font-size:12px;line-height:20px;padding:10px 15px}.resolution-page .engine-tabs{gap:2px;margin-bottom:22px}.resolution-page .engine-player{border-radius:10px}.resolution-page .video-start-center{width:60px;height:60px}.resolution-page .video-start-corner{left:10px;bottom:10px;width:36px;height:36px}.resolution-page .pair-player{border-radius:10px}.resolution-page .paired-videos figcaption{left:8px;top:8px;padding:1px 8px;font-size:11px;line-height:18px}.resolution-page .paired-originals{gap:12px;margin-top:3px}.resolution-page .paired-originals a{font-size:12px;line-height:20px;text-wrap:balance}.resolution-page [data-video-compare]>.evidence-scenes{gap:2px;margin-bottom:22px}.resolution-page [data-video-compare]>.evidence-scenes button{padding-inline:12px}.resolution-page [data-video-status]{margin-top:4px}.resolution-page .evidence-toolbar{gap:10px}.resolution-page .evidence-toolbar .evidence-scenes{gap:3px;border-radius:18px}.resolution-page .evidence-toolbar .evidence-scenes button{padding-inline:12px}.resolution-page .evidence-rates{width:100%;gap:2px}.resolution-page .evidence-rates button{flex:1;padding-inline:10px}.resolution-page .evidence-stage{border-radius:10px}.resolution-page .evidence-label{bottom:10px;padding:4px 10px;font-size:12px;line-height:20px}.resolution-page .evidence-label.before{left:10px}.resolution-page .evidence-label.after{right:10px}.resolution-page .evidence-line::after{width:34px;height:34px;font-size:20px}.resolution-page .evidence-meta{gap:2px 16px}.resolution-page .evidence-meta a,.resolution-page .evidence-meta button{font-size:12px}.resolution-page .image-note{font-size:12px;line-height:20px}.resolution-page .media-archive{padding:46px 22px 42px}.archive-groups{margin-top:28px}.archive-groups>details>summary{padding:21px 0;font-size:16px;line-height:24px}.archive-content>div:last-child,.archive-content.compact-tech>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-content button{padding:16px;gap:10px}.archive-content.compact-cases>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.archive-content.compact-cases button{padding:16px 10px}.archive-content.compact-cases img{max-width:100%;height:48px}.archive-content.compact-cases button b{font-size:13px}.archive-content .data-cards img{height:95px}.resolution-page .media-closing{padding:48px 22px 52px}.media-closing h2{font-size:30px;line-height:38px}.media-closing>p{font-size:14px;line-height:22px;margin-top:16px}.resolution-page .desktop-break{display:none}.resolution-page :is(.v3-detail-dialog,.evidence-dialog){width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:54px 22px 28px;border-radius:18px}.resolution-page :is(.v3-detail-dialog,.evidence-dialog)>h2{font-size:24px;line-height:32px}.resolution-page .v3-detail-dialog .detail-grid,.resolution-page .v3-detail-dialog :is(.chart-row,.media-document,.customer-story){grid-template-columns:1fr;gap:22px;margin:24px 0}.resolution-page .v3-detail-dialog .detail-grid article{padding:20px}.resolution-page .v3-detail-dialog h3{font-size:18px;line-height:26px}.resolution-page .evidence-dialog{padding-inline:12px}.resolution-page .evidence-dialog h2{font-size:18px;line-height:25px;margin:6px 10px 20px}}
@media(max-width:359px){.resolution-page .media-localnav{padding-inline:16px}.resolution-page .resolution-hero{padding-inline:16px}.resolution-page .media-section{padding-inline:16px}.resolution-page .product-actions{gap:10px}.resolution-page .product-actions .glacier-button{font-size:13px;padding-inline:15px}.resolution-page :is(.engine-tabs,[data-video-compare]>.evidence-scenes) button{padding-inline:11px}.resolution-page .evidence-meta{gap:2px 12px}}
@media(prefers-reduced-transparency:reduce){.resolution-page :is(.v3-detail-dialog,.evidence-dialog)::backdrop{backdrop-filter:none;background:#000a}}
/* Shared transport controls keep the before/after views on one timeline. */
.resolution-page .pair-controls output{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:#ffffffb3}
.resolution-page .pair-speed{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;color:#ffffffb3}
.resolution-page .pair-speed select{min-height:36px;border:1px solid #ffffff33;border-radius:8px;background:#1d1d1f;padding:0 8px;color:#fff;font:inherit}
.resolution-page [data-video-compare]:fullscreen{background:#fff;overflow:auto;padding:24px;display:flex;flex-direction:column;justify-content:safe center}
.resolution-page [data-video-compare]:fullscreen .paired-videos video{max-height:65vh}
@media(max-width:767px){
 /* 第一行：播放键、进度、时间；第二行：重新开始、速度、全屏。 */
 .resolution-page .pair-controls{flex-wrap:wrap;gap:0 8px;padding:4px 8px 4px 4px}
 .resolution-page .pair-controls input{flex:1 1 calc(100% - 150px)}
 .resolution-page .pair-controls :is([data-pair-restart],.pair-speed,[data-pair-fullscreen]){flex:1 1 0;justify-content:center}
 .resolution-page [data-video-compare]:fullscreen{padding:16px}
}