@layer theme,base,components;@layer meituo{:where(body[data-page-kind=home]) .hp-family-photo,:where(body[data-page-kind=home]) .hp-product-photo{aspect-ratio:4/3}:where(body[data-page-kind=home]) .hp-family-photo img,:where(body[data-page-kind=home]) .hp-product-photo img{object-fit:contain}:where(body[data-page-kind=home]) .hp-select-visual img{aspect-ratio:4/3;object-fit:contain;height:auto}:where(body[data-page-kind=home]) .hp-company-photo img{aspect-ratio:1;object-fit:cover}:where(body[data-page-kind=home]) .hp-quality figure img{aspect-ratio:3/2;object-fit:contain}:where(body[data-page-kind=home]) .hp-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}:where(body[data-page-kind=home]) .hp-app-card{flex-direction:column;display:flex}:where(body[data-page-kind=home]) .hp-app-image{aspect-ratio:3/2;flex:none;width:100%;min-height:0}:where(body[data-page-kind=home]) .hp-app-image img{object-fit:contain}:where(body[data-page-kind=home]) .hp-app-card-body{flex:1;padding:24px 20px}:where(body[data-page-kind=products]) .hero-product img,:where(body[data-page-kind=products]) .hero-product:first-child img,:where(body[data-page-kind=products]) .hero-gallery-grid:has(.hero-product:nth-child(2):last-child) .hero-product img,:where(body[data-page-kind=products]) .application figure img,:where(body[data-page-kind=product-detail]) .related-card img{aspect-ratio:4/3;object-fit:contain;height:auto}:where(body[data-page-kind=applications]) .hero-media,:where(body[data-page-kind=applications]) .materials-story .media,:where(body[data-page-kind=applications]) .image-pair .media,:where(body[data-page-kind=applications]) .inspection-visual .media,:where(body[data-page-kind=applications]) .switch-panel>.media,:where(body[data-page-kind=applications]) .photo-story .media{align-self:start;height:auto;min-height:0}:where(body[data-page-kind=applications]) .app-hero .hero-media img,:where(body[data-page-kind=applications]) .hub-hero .hero-media img,:where(body[data-page-kind=applications]) .materials-story .media img,:where(body[data-page-kind=applications]) .image-pair .media img,:where(body[data-page-kind=applications]) .inspection-visual .media img,:where(body[data-page-kind=applications]) .flow-switcher .switch-panel img,:where(body[data-page-kind=applications]) .switch-panel>.media img,:where(body[data-page-kind=applications]) .photo-story .media img{aspect-ratio:auto;object-fit:contain;height:auto;min-height:0;max-height:none}:where(body[data-page-kind=applications]) .related-grid-app .application-card,:where(body[data-page-kind=applications]) .related-grid-app .application-card:last-child{flex-direction:column;grid-column:auto;display:flex}:where(body[data-page-kind=applications]) .related-grid-app .card-photo{flex:none;height:auto}:where(body[data-page-kind=applications]) .related-grid-app .card-photo img,:where(body[data-page-kind=applications]) .related-grid-app .application-card:last-child .card-photo img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;min-height:0;max-height:none}:where(body[data-page-kind=applications]) .related-grid-app .card-content{flex:1}:where(body[data-page-kind=markets]) .media img{aspect-ratio:auto;object-fit:contain;height:auto}:where(body[data-page-kind=markets]) .media.product img{aspect-ratio:3/2;object-fit:contain;height:auto}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art){background:#23475e;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;padding-inline:max(44px,50% - 636px);display:grid}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art):before{display:none}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art) .hero-inner{order:0;min-width:0;padding-inline:0}:where(body[data-page-kind=markets]) .market-flag-art{aspect-ratio:16/13;order:1;width:100%;position:relative;overflow:hidden}:where(body[data-page-kind=markets]) .market-flag-art .hero-image{object-fit:contain;z-index:auto;width:200%;max-width:none;height:auto;position:relative;inset:auto auto auto -100%}:where(body[data-page-kind=markets]) .market-scene-art{aspect-ratio:3/2;border-radius:8px;order:1;width:100%;position:relative;overflow:hidden}:where(body[data-page-kind=markets]) .market-scene-art .hero-image{object-fit:contain;width:100%;height:auto;position:static}@media (width<=1100px){:where(body[data-page-kind=home]) .hp-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art){flex-direction:column;gap:0;padding-inline:26px;display:flex}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art) .hero-inner{order:0;min-height:0}:where(body[data-page-kind=markets]) .market-flag-art{width:min(100%,480px);margin-inline:auto}:where(body[data-page-kind=markets]) .market-scene-art{margin-bottom:34px}}@media (width<=767px){:where(body[data-page-kind=home]) .hp-company-photo img{aspect-ratio:3/2;object-fit:contain}}@media (width<=600px){:where(body[data-page-kind=home]) .hp-app-grid{grid-template-columns:minmax(0,1fr)}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art){padding-inline:20px}}@media print{:where(body[data-page-kind=markets]) .market-flag-art,:where(body[data-page-kind=markets]) .market-scene-art{display:none}:where(body[data-page-kind=markets]) .market-hero:has(.market-flag-art,.market-scene-art){color:var(--ink);background:#fff;padding-inline:0;display:block}:where(body[data-page-kind=applications]) .app-hero .hero-media img,:where(body[data-page-kind=applications]) .hub-hero .hero-media img,:where(body[data-page-kind=applications]) .application-grid .card-photo img,:where(body[data-page-kind=markets]) .media img,:where(body[data-page-kind=markets]) .market-card>img{aspect-ratio:auto;object-fit:contain;height:auto;max-height:none}}}@layer utilities;