/* Keep tablet media aligned to the shared page frame without increasing hero depth. */
@media (min-width: 720px) and (max-width: 1024px) {
  html body.single-support_service main#main-content.support-detail .service-detail-hero__media {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (min-width: 783px) {
  html body.admin-bar.single-support_service main#main-content.support-detail .service-detail-index {
    top: calc(var(--tongyi-header-height, 72px) + var(--wp-admin--admin-bar--height, 32px));
  }
}

.support-detail{--font-size-caption:14px;--service-detail-width:var(--tongyi-home-frame-shell, var(--container-page));--service-detail-gutter:var(
    --tongyi-home-frame-gutter,
    clamp(22px, 3.2vw, 72px)
  );--service-icon-action:17px;--service-icon-card:20px;--service-icon-box:40px;--service-icon-bg:#fff0f2;color:var(--c-text);background:var(--c-surface);overflow-x:clip}.support-detail *,.support-detail ::after,.support-detail ::before{box-sizing:border-box}.service-detail-shell{width:min(calc(100% - (var(--service-detail-gutter)*2)),var(--service-detail-width));margin-inline:auto}html body.single-support_service main#main-content.support-page.support-detail :is(h1,h2,h3,h4,.service-detail-kicker,.service-detail-kicker *){letter-spacing:0!important}html body.single-support_service main#main-content.support-page.support-detail .service-detail-hero h1{max-width:650px;margin:0;font-size:clamp(42px,4.7vw,56px)!important;line-height:1.06!important;letter-spacing:0!important}html body.single-support_service main#main-content.support-page.support-detail :is(.service-detail-section__heading,.service-detail-requirements__intro) h2{margin:0;font-size:clamp(32px,3.75vw,36px)!important;line-height:1.14!important;letter-spacing:0!important}.service-detail-kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--c-brand);font-size:14px;font-weight:800;line-height:1.35;text-transform:uppercase}.service-detail-kicker::before{content:"";width:22px;height:3px;flex:0 0 22px;background:var(--c-brand)}.service-detail-hero{position:relative;background:var(--c-canvas);border-bottom:1px solid var(--c-line)}.service-detail-hero__grid{min-height:520px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;padding-block:64px}.service-detail-hero__copy{min-width:0}html body.single-support_service main#main-content.support-page.support-detail .service-detail-hero p.service-detail-hero__lead{--font-size-body:18px;--font-size-lead:18px;max-width:620px;margin:24px 0 0;font-size:18px!important;line-height:1.65!important}.service-detail-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.service-detail-hero__actions .support-button{width:auto;min-width:190px;min-height:52px;padding-inline:22px;border-radius:var(--r-xs)}.service-detail-hero__actions .support-button--outline{color:var(--c-brand);background:0 0;border-color:var(--c-brand)}.service-detail-hero__actions .support-button svg{width:var(--service-icon-action);height:var(--service-icon-action);flex:0 0 var(--service-icon-action)}.service-detail-arrow-down{transform:rotate(90deg)}.service-detail-hero__media{position:relative;width:100%;aspect-ratio:4/3;margin:0;overflow:hidden;background:var(--c-canvas-2);border:8px solid var(--c-surface);border-radius:var(--r-sm);box-shadow:var(--shadow-lg)}.service-detail-hero__media::after{content:"";position:absolute;right:0;bottom:0;width:92px;height:4px;background:var(--c-brand)}.service-detail-hero__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.service-detail-highlights{background:var(--c-surface);border-bottom:1px solid var(--c-line);opacity:1!important;visibility:visible!important;transform:none!important}.service-detail-highlights ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.service-detail-highlights li{min-width:0;min-height:116px;display:flex;align-items:center;gap:14px;padding:22px 24px;border-left:1px solid var(--c-line)}.service-detail-highlights li:first-child{border-left:0}.service-detail-capability__icon,.service-detail-highlights__icon,.service-detail-related-card__top>span,.service-detail-requirement__icon,.service-detail-response__icon{display:inline-grid;width:var(--service-icon-box);height:var(--service-icon-box);place-items:center;flex:0 0 var(--service-icon-box);color:var(--c-brand);background:var(--service-icon-bg);border-radius:var(--r-sm)}.service-detail-capability__icon svg,.service-detail-highlights__icon svg,.service-detail-process__meta svg,.service-detail-related-card__top svg,.service-detail-requirement__icon svg,.service-detail-response__icon svg{width:var(--service-icon-card);height:var(--service-icon-card)}.service-detail-highlights small,.service-detail-highlights strong{display:block}.service-detail-highlights strong{color:var(--c-ink);font-size:16px;line-height:1.35}.service-detail-highlights small{margin-top:4px}.service-detail-index{top:var(--tongyi-header-height, 72px)}.service-detail-index a{position:relative;align-items:center;gap:7px}.service-detail-index a svg{width:16px;height:16px;color:var(--c-brand)}.service-detail-index a.is-active{color:var(--c-brand)}.service-detail-index a.is-active::after{content:"";position:absolute;inset:auto 0-1px;height:2px;background:var(--c-brand)}.service-detail-index a:focus-visible{outline-offset:-3px}.service-detail-index .shell{scrollbar-width:none}.service-detail-index .shell::-webkit-scrollbar{display:none}.service-detail-section{padding-block:88px;scroll-margin-top:calc(var(--tongyi-header-height, 72px) + 60px)}.service-detail-section__heading{max-width:820px;margin-bottom:40px}.service-detail-section__heading--split{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);align-items:end;gap:72px}.service-detail-capability p,.service-detail-process__list p,.service-detail-requirement p,.service-detail-scene p,.service-detail-section__heading--split>p{margin:0}.service-detail-overview__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:72px}.service-detail-richtext>:first-child{margin-top:0}.service-detail-richtext>:last-child{margin-bottom:0}.service-detail-overview__copy .service-detail-richtext{max-width:760px}.service-detail-overview__checks{margin-top:28px}.service-detail-response{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:28px;background:var(--c-canvas);border-left:4px solid var(--c-brand);border-radius:0 var(--r-sm) var(--r-sm)0}.service-detail-response h3{margin:0 0 10px}.service-detail-response p:last-child{margin:0}.service-detail-capabilities,.service-detail-closing,.service-detail-process,.service-detail-related{background:var(--c-canvas)}.service-detail-capabilities__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-detail-capability{position:relative;min-height:210px;padding:28px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.service-detail-capability__top{display:flex;align-items:center;justify-content:space-between}.service-detail-capability__top small{color:var(--c-muted);font-family:var(--font-mono);font-weight:700}.service-detail-capability h3{margin:24px 0 10px}.service-detail-capability:hover,.service-detail-related-card:hover{border-color:var(--c-brand-tint);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-detail-scenes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-detail-scene{position:relative;min-width:0;margin:0;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm)}.service-detail-scene>img{width:100%;aspect-ratio:1.89/1;display:block;object-fit:cover;background:var(--c-canvas-2)}.service-detail-scene__index{position:absolute;top:16px;left:16px;padding:6px 9px;color:#fff;background:#181b20e6;border-radius:4px;font:700 12px var(--font-mono)}.service-detail-scene figcaption{min-height:176px;padding:24px}.service-detail-process__list h3,.service-detail-scene h3{margin:0 0 10px}.service-detail-process__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}.service-detail-process__list li{position:relative;min-width:0;padding-top:60px}.service-detail-process__list li:not(:last-child)::after{content:"";position:absolute;top:20px;left:40px;right:-22px;height:1px;background:var(--c-line)}.service-detail-process__meta{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;color:var(--c-brand)}.service-detail-process__meta span{z-index:1;display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--c-brand);border-radius:var(--r-xs);font:700 13px var(--font-mono)}.service-detail-process__meta svg{z-index:1;box-sizing:content-box;padding:8px;background:var(--c-canvas)}.service-detail-requirements__grid{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);align-items:start;gap:80px}.service-detail-requirements__intro .service-detail-richtext{margin-top:24px}.service-detail-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--c-brand);font-size:14px;font-weight:800;text-decoration:none}.service-detail-text-link svg{transition:transform 180ms ease}.service-detail-text-link:hover svg{transform:translateX(3px)}.service-detail-requirements__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.service-detail-requirement{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:24px 0;border-top:1px solid var(--c-line)}.service-detail-requirement h3{margin:0 0 8px}.service-detail-related__heading .service-detail-text-link{justify-self:end;margin-top:0}.service-detail-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-detail-related-card{min-width:0;min-height:292px;display:flex;flex-direction:column;padding:26px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-sm);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.service-detail-related-card__top{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-detail-related-card h3{margin:24px 0 10px}.service-detail-related-card h3 a{color:var(--c-ink);text-decoration:none}.service-detail-related-card p{margin:0 0 24px}.service-detail-related-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--c-brand);font-size:14px;font-weight:800;text-decoration:none}.service-detail-related-card__link svg,.service-detail-text-link svg{width:var(--service-icon-action);height:var(--service-icon-action)}.support-detail svg{stroke-width:1.7}.service-detail-closing{padding:0 0 96px}.support-detail :is(a,button,.service-detail-scenes__grid):focus-visible{outline:3px solid var(--c-ink);outline-offset:3px}@media (max-width:1279px){.service-detail-process__list{grid-template-columns:minmax(0,1fr);gap:24px}.service-detail-process__list li{min-height:40px;padding:0 0 0 58px}.service-detail-process__list li:not(:last-child)::after{top:40px;right:auto;bottom:-24px;left:19px;width:1px;height:auto}.service-detail-process__meta{inset:0 auto auto 0}.service-detail-process__meta svg{display:none}}@media (min-width:1025px){html body.single-support_service main#main-content.support-detail .service-detail-hero{height:var(--ui-banner-overview-height);min-height:var(--ui-banner-overview-height)}html body.single-support_service main#main-content.support-detail .service-detail-hero__grid{height:100%;min-height:0}html body.single-support_service main#main-content.support-detail .service-detail-hero__media{width:min(100%,var(--tongyi-banner-media-width, 820px));max-height:var(--tongyi-banner-media-height, 433px);justify-self:end}}@media (max-width:1100px){.service-detail-hero__grid{gap:40px}.service-detail-highlights ul{grid-template-columns:repeat(3,minmax(0,1fr))}.service-detail-highlights li:nth-child(3n+1){border-left:0}.service-detail-highlights li:nth-child(n+4){border-top:1px solid var(--c-line)}.service-detail-overview__grid,.service-detail-requirements__grid,.service-detail-section__heading--split{gap:48px}}@media (max-width:1024px){.service-detail-hero__grid{min-height:0;grid-template-columns:minmax(0,1fr);gap:34px;padding-block:52px}.service-detail-hero__copy{max-width:720px}.service-detail-hero__media{width:min(100%,720px)}.service-detail-overview__grid,.service-detail-requirements__grid{grid-template-columns:minmax(0,1fr)}.service-detail-section__heading--split{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.service-detail-related__heading .service-detail-text-link{justify-self:start;margin-top:2px}.service-detail-capabilities__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){html body.single-support_service main#main-content.support-page.support-detail .service-detail-hero h1{font-size:clamp(35px,9vw,40px)!important;line-height:1.08!important}html body.single-support_service main#main-content.support-page.support-detail :is(.service-detail-section__heading,.service-detail-requirements__intro) h2{font-size:clamp(28px,7.2vw,32px)!important;line-height:1.16!important}.service-detail-hero__grid{gap:28px;padding-block:38px}html body.single-support_service main#main-content.support-page.support-detail .service-detail-hero p.service-detail-hero__lead{--font-size-body:16px;--font-size-lead:16px;margin-top:20px;font-size:16px!important}.service-detail-hero__actions{margin-top:26px}.service-detail-highlights ul{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-highlights li,.service-detail-highlights li:nth-child(3n+1){min-height:142px;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px;border-left:1px solid var(--c-line);border-top:0}.service-detail-highlights li:nth-child(odd){border-left:0}.service-detail-highlights li:nth-child(n+3){border-top:1px solid var(--c-line)}.service-detail-highlights li:last-child:nth-child(odd){grid-column:1/-1}.service-detail-section{padding-block:64px}.service-detail-section__heading{display:block;margin-bottom:32px}.service-detail-section__heading--split>p{margin-top:18px}.service-detail-response{padding:24px}.service-detail-index .shell{gap:8px}.service-detail-index a svg{display:none}.service-detail-capabilities__grid,.service-detail-related__grid,.service-detail-requirements__items,.service-detail-response{grid-template-columns:minmax(0,1fr)}.service-detail-scenes__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 28px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.service-detail-scenes__grid::-webkit-scrollbar{display:none}.service-detail-scene{scroll-snap-align:start}.service-detail-capability,.service-detail-related-card,.service-detail-scene figcaption{min-height:0}.service-detail-capability{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:20px}.service-detail-capability__top{display:contents}.service-detail-capability__top small{position:absolute;top:20px;right:20px}.service-detail-capability__icon{grid-row:1/3}.service-detail-capability h3{margin:0 36px 8px 0}.service-detail-capability p{grid-column:2}.service-detail-related__heading .service-detail-text-link{justify-self:start;margin-top:20px}.service-detail-closing{padding-bottom:64px}}@media (max-width:480px){.service-detail-hero__actions{display:grid;grid-template-columns:minmax(0,1fr)}.service-detail-hero__actions .support-button{width:100%;min-width:0}.service-detail-hero__media{border-width:5px}.service-detail-related-card{padding:22px}.service-detail-requirement{padding-block:20px}}@media (prefers-reduced-motion:reduce){.support-detail *,.support-detail ::after,.support-detail ::before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
