/* DEYI 2026-11-11: catalogue-first layout, factual content unchanged. */
body.ai-design{--ink:#122e3c;--muted:#526773;--line:#dce5e8;--soft:#f3f6f7;font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.75}
body.ai-design .container{width:min(1280px,calc(100% - 80px))}
body.ai-design h1,body.ai-design h2,body.ai-design h3{letter-spacing:-.025em;text-wrap:balance}
body.ai-design h2{font-size:clamp(28px,3vw,42px);line-height:1.3}
body.ai-design h3{line-height:1.4}
body.ai-design .section,body.ai-design .trust-section{padding-block:72px}
body.ai-design .section-heading{margin-bottom:32px;gap:32px}
body.ai-design .eyebrow{margin-bottom:14px;letter-spacing:.07em}
body.ai-design .nav-wrap{width:min(1360px,calc(100% - 64px));min-height:76px}
body.ai-design .button{border-radius:4px}
body.ai-design .section-nav{gap:8px;flex-wrap:wrap;padding-block:12px;background:#fff;border-block:1px solid var(--line)}
body.ai-design .section-nav a{padding:9px 14px;border-radius:3px;line-height:1.4}
body.ai-design .section-nav a:hover{background:#edf4f6}
body.ai-design .product-hero,body.ai-design .category-hero{padding-block:40px}
body.ai-design .product-hero-grid,body.ai-design .category-hero-grid{gap:40px;align-items:center}
body.ai-design .product-hero h1,body.ai-design .category-hero h1{font-size:clamp(32px,3.4vw,48px);line-height:1.25}
body.ai-design .product-photo{background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px}
body.ai-design .product-photo img{object-fit:contain}
body.ai-design .equipment-grid{gap:24px}
body.ai-design .equipment-card{border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden}
body.ai-design .equipment-photo{background:#fff;border-bottom:1px solid var(--line)}
body.ai-design .equipment-photo img{object-fit:contain}
body.ai-design .equipment-copy{padding:24px}
body.ai-design .equipment-copy h2,body.ai-design .equipment-copy h3{font-size:24px}
body.ai-design .technical-copy p,body.ai-design .category-narrative p{line-height:1.9;max-width:82ch}
body.ai-design .technical-copy h3,body.ai-design [class$="-document"] h3{margin-top:30px;margin-bottom:12px;font-size:23px}
body.ai-design .table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:4px;isolation:isolate}
body.ai-design .table-scroll table{margin:0;font-size:14px;border-collapse:separate;border-spacing:0}
body.ai-design .table-scroll th,body.ai-design .table-scroll td{padding:13px 16px;line-height:1.5}
body.ai-design .table-scroll thead th{background:#eaf1f4;color:#173849}
body.ai-design .table-scroll tbody tr:nth-child(even){background:#f5f8f9}
body.ai-design .table-scroll tr>:first-child{position:sticky;left:0;background:#edf3f5;z-index:1;min-width:125px}
body.ai-design .detail-gallery-grid{gap:24px}
body.ai-design .detail-asset{border-radius:4px}
body.ai-design .trust-grid{gap:20px}
body.ai-design .trust-card{border-radius:4px;padding:24px}
body.ai-design .trust-number{margin-bottom:12px}
body.ai-design.home-editorial .hero-full-equipment>.container{width:min(1280px,calc(100% - 80px))}
body.ai-design.home-editorial .hero-full-equipment .showcase-panel img{height:clamp(330px,34vw,430px);padding:12px 24px 70px}
body.ai-design.home-editorial .hero-full-equipment .showcase-tabs button{min-height:78px;padding:12px 20px}
body.ai-design.home-editorial .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.ai-design.home-editorial .category-card,body.ai-design.home-editorial .category-card:first-child{display:flex;flex-direction:column;grid-column:auto;align-items:stretch;border-radius:4px}
body.ai-design.home-editorial .category-card .card-image,body.ai-design.home-editorial .category-card:first-child .card-image{height:210px;padding:32px 24px 16px;border-bottom:1px solid var(--line)}
body.ai-design.home-editorial .category-card .card-body,body.ai-design.home-editorial .category-card:first-child .card-body{padding:24px}
body.ai-design.home-editorial .category-card h3,body.ai-design.home-editorial .category-card:first-child h3{font-size:24px;line-height:1.35}
body.ai-design.home-editorial .card-body p{margin-top:12px}
body.ai-design.home-editorial .card-link{margin-top:18px;padding-top:14px}
body.ai-design.home-editorial .selection-card{padding:28px;background:#eaf1f4}
body.ai-design.home-editorial .selection-card h3{font-size:28px}
body.ai-design.home-editorial .application-grid{gap:28px;margin-top:24px}
body.ai-design.home-editorial .application-grid .index{margin-bottom:16px}
body.ai-design.home-editorial .application-grid h3{font-size:25px}
body.ai-design.home-editorial .guide-grid,body.ai-design.home-editorial .about-grid{gap:56px}
body.ai-design.home-editorial .guide-steps li{padding-block:18px}
body.ai-design.home-editorial .guide-steps h3{font-size:23px}
body.ai-design.home-editorial .resource-grid>a{min-height:240px;padding:28px}
body.ai-design.home-editorial .resource-grid h3{font-size:26px}
body.ai-design.home-editorial .source-figure{position:static;padding:16px}
body.ai-design.home-editorial .closing{padding-block:64px}
body.ai-design.home-editorial #buyer-confidence .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ai-design.home-editorial .directory-section{background:#fff;border-top:1px solid var(--line)}
body.ai-design.home-editorial .directory-section details{border-radius:3px}
@media(max-width:1000px){body.ai-design .container,body.ai-design.home-editorial .hero-full-equipment>.container{width:calc(100% - 48px)}body.ai-design.home-editorial .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ai-design.home-editorial .guide-grid,body.ai-design.home-editorial .about-grid{gap:32px}}
@media(max-width:760px){body.ai-design .container,body.ai-design.home-editorial .hero-full-equipment>.container{width:calc(100% - 32px)}body.ai-design .nav-wrap{width:calc(100% - 32px);min-height:68px}body.ai-design .section,body.ai-design .trust-section{padding-block:44px}body.ai-design h2{font-size:28px}body.ai-design .section-heading{display:block;margin-bottom:24px}body.ai-design .section-heading>p{margin-top:16px}body.ai-design .product-hero-grid,body.ai-design .category-hero-grid{grid-template-columns:1fr;gap:24px}body.ai-design .product-hero h1,body.ai-design .category-hero h1{font-size:32px}body.ai-design .section-nav{flex-wrap:nowrap;overflow:auto;white-space:nowrap;justify-content:flex-start}body.ai-design .section-nav a{flex:0 0 auto}body.ai-design.home-editorial .hero-full-equipment .showcase-panel img{height:330px;padding:12px 12px 95px}body.ai-design.home-editorial .hero-full-equipment .showcase-tabs{display:flex;overflow:auto}body.ai-design.home-editorial .hero-full-equipment .showcase-tabs button{flex:0 0 112px;min-height:82px;text-align:left;padding:12px}body.ai-design.home-editorial .hero-full-equipment .showcase-tabs button>span{font-size:14px}body.ai-design.home-editorial .category-grid{grid-template-columns:1fr}body.ai-design.home-editorial .category-card .card-image,body.ai-design.home-editorial .category-card:first-child .card-image{height:220px}body.ai-design.home-editorial #buyer-confidence .trust-grid{grid-template-columns:1fr}body.ai-design.home-editorial .resource-grid>a{min-height:0}body.ai-design .table-scroll th,body.ai-design .table-scroll td{padding:12px;font-size:13px}body.ai-design .table-scroll tr>:first-child{min-width:100px}body.ai-design .preview-bar{padding-inline:16px;font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){body.ai-design .product-hero h1,body.ai-design .category-hero h1{max-width:none;text-wrap:wrap}body.ai-design.home-editorial h2{font-size:28px;line-height:1.35}}
/* v124: equal media stages; retain entire original image and aspect ratio. */
html body.ai-design .equipment-illustrated-row:has(.component-media-grid>figure:nth-child(2)){grid-template-columns:1fr;gap:24px}
html body.ai-design .component-media-grid,html body.ai-design .detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
html body.ai-design .component-media-grid:has(>figure:nth-child(3)):not(:has(>figure:nth-child(4))),html body.ai-design .detail-gallery-grid:has(>figure:nth-child(3)):not(:has(>figure:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
html body.ai-design .component-media-grid>figure,html body.ai-design .detail-gallery-grid>figure{display:flex;flex-direction:column;align-self:stretch;min-width:0;width:100%;max-width:none;margin:0;padding:16px;background:#fff;border:1px solid #dce5e8;border-radius:4px}
html body.ai-design .component-media-grid>figure>a,html body.ai-design .detail-gallery-grid>figure>a{display:flex;align-items:center;justify-content:center;width:100%;height:300px;flex:none;background:#fff;overflow:visible;border:0;border-radius:0;padding:0}
html body.ai-design .component-media-grid>figure img,html body.ai-design .detail-gallery-grid>figure img{display:block;width:100%;height:100%;max-height:none;max-width:100%;padding:8px;border:0;border-radius:0;object-fit:contain;object-position:center;background:#fff;transform:none}
html body.ai-design .component-media-grid>figure>img,html body.ai-design .detail-gallery-grid>figure>img{height:300px}
html body.ai-design .component-media-grid>figure>figcaption,html body.ai-design .detail-gallery-grid>figure>figcaption{flex:1;min-height:58px;border-top:1px solid #e6ecef;margin:16px 0 0;padding:14px 0 0;font-size:14px;line-height:1.65;color:#526773}
html body.ai-design .product-hero-grid>figure{background:#fff}
html body.ai-design .product-hero-grid>figure img{object-fit:contain;object-position:center;background:#fff}
@media(max-width:1000px){html body.ai-design .component-media-grid>figure>a,html body.ai-design .detail-gallery-grid>figure>a{height:260px}html body.ai-design .component-media-grid>figure>img,html body.ai-design .detail-gallery-grid>figure>img{height:260px}}
@media(max-width:760px){html body.ai-design .component-media-grid,html body.ai-design .detail-gallery-grid,html body.ai-design .component-media-grid:has(>figure:nth-child(3)):not(:has(>figure:nth-child(4))),html body.ai-design .detail-gallery-grid:has(>figure:nth-child(3)):not(:has(>figure:nth-child(4))){grid-template-columns:1fr;gap:20px}html body.ai-design .component-media-grid>figure,html body.ai-design .detail-gallery-grid>figure{padding:12px}html body.ai-design .component-media-grid>figure>a,html body.ai-design .detail-gallery-grid>figure>a{height:250px}html body.ai-design .component-media-grid>figure>img,html body.ai-design .detail-gallery-grid>figure>img{height:250px}}

html body.ai-design .detail-gallery-grid:has(>figure:only-child){grid-template-columns:1fr;margin-bottom:24px}html body.ai-design .detail-gallery-grid>figure:only-child{max-width:720px;justify-self:center}
