/* 阶段 H：定稿 design CSS 原样提供视觉规范；本文件连接真实业务组件。 */
:root,.inner-page{--primary:var(--c-brand);--purple:var(--c-brand-2);--cyan:var(--c-aux-ink);--ink:var(--c-ink);--body:var(--c-text);--muted:var(--c-muted);--line:var(--c-line);--pale:var(--c-bg);--radius:var(--r-m)}
[hidden]{display:none!important}kw,.kw{white-space:nowrap}k-run{display:inline}.skip{position:absolute;top:-60px;left:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
/* 第20、21、24条：主导航三项的文字是链接，旁边箭头按钮单独展开子菜单；外观同原下拉标题（文字＋箭头、无下划线）。 */
.nav-menu{display:flex}.main-nav__list>li>a.nav-menu__link{padding-right:0}.main-nav__list>li>a.nav-menu__link::after{content:none}.nav-menu__toggle{display:flex;align-items:center;justify-content:center;padding:0 14px 0 4px;border:0;border-radius:8px;background:none;color:var(--c-muted);cursor:pointer}.nav-menu__toggle svg{width:16px;height:16px;transition:transform .2s ease}.nav-menu[data-open]>.nav-menu__toggle svg{transform:rotate(180deg)}.nav-menu:not([data-open])>.mega-panel{display:none}
@media(min-width:768px){html:not(.js) .nav-menu:hover>.mega-panel,html:not(.js) .nav-menu:focus-within>.mega-panel{display:grid}html:not(.js) .nav-menu:hover>.mega-panel.compact,html:not(.js) .nav-menu:focus-within>.mega-panel.compact{display:block}}
.mega-panel{position:absolute;left:0;top:100%;width:min(980px,calc(100vw - 96px));z-index:30;display:grid;grid-template-columns:270px minmax(0,1fr);background:var(--c-card);border:1px solid var(--c-line);border-radius:0 0 16px 16px;box-shadow:var(--shadow-float);max-height:70vh;overflow:auto}.mega-panel.compact{display:block;width:320px;padding:24px}.mega-panel p{font-size:15px;margin-top:12px}.mega-categories{background:var(--c-bg);padding:12px;display:grid;align-content:start;gap:3px}.mega-categories a{min-height:44px;padding:9px 12px;font-size:inherit;line-height:1.75;border-radius:6px}.mega-categories a[data-active=true]{background:white;color:var(--c-brand)}.mega-content{padding:27px 30px}.mega-main-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;margin:22px 0}.mega-main-lists a{padding:8px 0;min-height:44px}.mega-all{display:block;margin-top:22px;border-top:1px solid var(--c-line);padding-top:18px;color:var(--c-brand)}.mega-title{font-weight:600}.mega-mobile,.mobile-nav-contact{display:none}
.hexes__grid[data-layout=dynamic]{grid-template-columns:repeat(var(--hex-columns),minmax(0,1fr))}.hexes__grid[data-layout=dynamic] .hex{grid-area:var(--hex-row)/var(--hex-col)/span 1/span 2;margin-top:var(--hex-overlap)}
.home-carousel{min-width:0;position:relative}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.carousel-controls h3{font-size:22px}.carousel-actions{display:flex;align-items:center;gap:10px;position:relative}.patents-carousel .carousel-controls{justify-content:flex-end;margin-bottom:14px}.carousel-viewport{overflow:visible}.carousel-track{display:grid;gap:24px}.carousel-page{display:grid;gap:14px;min-width:0}.patents-carousel .carousel-page{gap:0}.home-carousel.is-ready .carousel-viewport{overflow:hidden;transition:height .35s ease}.is-ready .carousel-track{display:flex;align-items:flex-start;gap:0;transition:transform .55s cubic-bezier(.3,.7,.2,1)}.is-ready .carousel-page{flex:0 0 100%}.carousel-dots{margin-top:14px;display:flex;gap:8px}.carousel-dots button{position:relative;border:0;background:none;padding:8px 0}.carousel-dots button:before{content:'';position:absolute;inset:-12px 0}.carousel-dots i{display:block;width:28px;height:4px;border-radius:2px;background:var(--c-line);transition:width .3s,background-color .3s}.carousel-dots [aria-current=true] i{width:48px;background:var(--g-brand)}.carousel-toggle:focus-visible{position:absolute;clip:auto;overflow:visible;width:auto;height:auto;white-space:nowrap;right:0;top:48px;z-index:10;padding:8px 14px;border:1px solid var(--c-brand);border-radius:8px;background:white;color:var(--c-brand-deep)}
.series-card__structure img{width:100%;height:100%;object-fit:contain;border-radius:8px}.news-empty{padding-top:18px}.home .patent__meta dd{margin:0}.home .patent__meta dt,.home .patent__meta dd{white-space:nowrap}
#imageDialog{width:min(1200px,95vw);box-sizing:border-box;padding:16px}#imageDialog .image-tools{display:flex;align-items:center;gap:10px;margin-bottom:12px}#imageDialog .image-tools button{min-height:44px;min-width:44px;padding:8px 12px;background:#fff;border:1px solid #dbe3f2;border-radius:7px;color:#243b65;font:14px -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;cursor:pointer}#imageDialog [data-close-dialog]{margin-left:auto}#imageDialog [data-image-hint]{font-size:12px;color:#5f6596}#imageDialog .image-viewport{overflow:auto;overscroll-behavior:contain;max-height:72vh;background:#fff;text-align:center}#imageDialog .image-viewport img{width:auto;height:auto;max-width:100%;max-height:70vh;object-fit:contain;vertical-align:top}#imageDialog[data-natural=true] .image-viewport{text-align:left}#imageDialog[data-natural=true] .image-viewport img{max-width:none;max-height:none}
.contact-value{white-space:nowrap}.footer__links>div:first-child a{white-space:nowrap}.footer__logo{max-width:100%}
.toast:not([hidden]){opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:16px;max-width:95vw;max-height:95vh;padding:22px;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#101939aa}dialog>button{display:block;margin-left:auto;margin-bottom:10px;min-width:44px;min-height:44px;border:1px solid var(--c-line);border-radius:8px;background:white}dialog>img{max-height:80vh;object-fit:contain}
.inner-page{font-family:var(--font);font-size:17px;line-height:1.75;background:var(--c-bg);color:var(--c-text)}.inner-page .container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}.inner-page .narrow{max-width:calc(750px + var(--gutter)*2)}.inner-page .article{max-width:calc(960px + var(--gutter)*2)}.inner-page .section{padding-block:var(--section-y)}.inner-page h1,.inner-page h2,.inner-page h3{line-height:1.35;font-weight:700;text-wrap:balance}.inner-page h1{font-size:36px}.inner-page h2{font-size:28px}.inner-page h3{font-size:20px}.inner-page small,.inner-page .small{font-size:14px}.inner-page p{font-size:inherit}.inner-page button,.inner-page input,.inner-page select,.inner-page textarea{font:inherit}.inner-page .button{border-radius:999px;min-height:48px;font-size:17px;background:var(--btn-primary-bg);color:white;box-shadow:var(--btn-primary-shadow)}.inner-page .button.secondary{color:var(--c-brand-deep);background:white;box-shadow:none;border-color:var(--c-line)}.inner-page .tag{font-size:14px;line-height:26px;padding:0 10px;border-radius:8px;background:var(--c-brand-soft);color:var(--c-brand-deep)}
.inner-page .section-head{max-width:none;margin-bottom:28px}.inner-page .section-head a{font-size:17px}.inner-page .series-card{background:var(--c-card);border-radius:16px}.inner-page .series-card a{display:inline;padding:0;border:0;border-radius:0;background:none}.inner-page .series-card h3{font-size:20px}.inner-page .series-card p{font-size:16px}.inner-page .properties,.inner-page table{font-size:16px}.inner-page .order-form label,.inner-page .order-panel p,.inner-page .related-scroll h3,.inner-page .related-scroll p{font-size:14px}.inner-page .category-links a,.inner-page .breadcrumbs{font-size:14px}.inner-page .news-row h2,.inner-page .news-row h3{font-size:22px}.inner-page .news-row p,.inner-page .news-row time{font-size:16px}.inner-page .ip-record{padding:25px;border-radius:16px;font-size:17px}.inner-page .ip-record h3{font-size:22px}.inner-page .ip-record dl,.inner-page .ip-owner{font-size:16px}.inner-page .ip-record .tag.patent-status{border-radius:8px;font-size:15px;border-width:1.5px}.inner-page .ip-record .tag.patent-status--granted{background:var(--c-brand);border-color:var(--c-brand);color:white}.inner-page .ip-record .tag.patent-status--pending{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent)}.inner-page .contact-list{font-size:16px}.inner-page .contact-list dt{color:var(--c-muted)}.inner-page .contact-value{font-size:inherit}.inner-page .contact-grid h2{font-size:24px}.inner-page .table-wrap{background:var(--c-card)}.inner-page .page-hero{background:var(--c-surface)}.inner-page .panel{background:var(--c-card)}
@media(min-width:1200px){.recommend-carousel .carousel-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:767px){
 .main-nav[data-mobile-open],html:not(.js) .main-nav{display:block;max-height:calc(100dvh - 116px);overflow-y:auto}.main-nav__inner{display:block;height:auto;padding-block:12px}.main-nav__list{display:flex;flex-direction:column;gap:0;height:auto}.main-nav__list>li>a{height:auto;min-height:44px;padding:8px 0;font-size:16px}.main-nav .lang-switch{display:none}.mega-panel,.mega-panel.compact{position:static;width:100%;display:block;box-shadow:none;max-height:60vh}.mega-categories{display:none}.mega-mobile{display:flex;flex-direction:column;gap:7px;padding:16px;background:var(--c-bg);font-size:inherit}.mega-mobile select{width:100%;min-height:44px}.mega-content{padding:18px}.mega-main-lists{grid-template-columns:minmax(0,1fr);margin:12px 0;gap:6px}.mobile-nav-contact{display:grid;gap:8px;border-top:1px solid var(--c-line);margin-top:12px;padding-top:12px}.mobile-nav-contact a{display:flex;align-items:center;gap:8px;min-height:36px;font-size:14px}.mobile-nav-contact svg{width:18px;height:18px;color:var(--c-brand)}.nav-menu{flex-wrap:wrap}.main-nav__list>li>a.nav-menu__link{flex:1 1 0;min-width:0}.nav-menu__toggle{flex:none;width:44px;min-height:44px;padding:0;border:3px solid transparent;background:var(--c-bg) padding-box}.nav-menu>.mega-panel{flex:0 0 100%}html:not(.js) .nav-menu:focus-within>.mega-panel{display:block}
 .hexes__grid[data-layout=dynamic]{grid-template-columns:repeat(7,minmax(0,1fr))}.hexes__grid[data-layout=dynamic] .hex{grid-area:var(--mobile-row)/var(--mobile-col)/span 1/span 2;margin-top:var(--mobile-overlap)}.recommend-carousel .carousel-page{gap:12px}.patents-carousel .carousel-controls{margin-bottom:10px}.home .patent__meta dd{white-space:normal}.home .patent__meta div{flex-wrap:wrap}
 .inner-page{font-size:16px}.inner-page h1{font-size:28px}.inner-page h2,.inner-page .section-head h2{font-size:24px}.inner-page h3{font-size:18px}.inner-page .section-head a{font-size:16px}.inner-page .button{font-size:16px}.inner-page .product-tabs{top:var(--header-height,116px)}.inner-page .ip-record{padding:20px;font-size:16px}.inner-page .ip-record h3{font-size:18px}.inner-page .ip-record dl,.inner-page .ip-owner{font-size:15px}.inner-page .contact-grid{grid-template-columns:minmax(0,1fr)}.inner-page .contact-grid h2{font-size:22px}.inner-page .news-row h2,.inner-page .news-row h3{font-size:18px}.inner-page .news-row p{font-size:16px}.inner-page .properties{font-size:15px}.inner-page .category-hero h1{font-size:24px}
}
@media(max-width:479px){.inner-page .contact-list>div{grid-template-columns:minmax(0,1fr)}.inner-page .contact-list dt{font-size:14px}.inner-page .contact-value{font-size:16px}}
@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-viewport{transition:none!important}}

.inner-page .category-hero h1,.inner-page .product-heading h1,.inner-page .series-intro h1,.inner-page .page-hero h1{font-size:36px}@media(max-width:767px){.inner-page .product-heading h1,.inner-page .series-intro h1,.inner-page .page-hero h1{font-size:28px}.inner-page .category-hero h1{font-size:24px}}

.inner-page .product-tabs{top:0}.inner-page [id]{scroll-margin-top:72px}@media(max-width:767px){.inner-page .product-tabs{top:var(--header-height,120px)}.inner-page [id]{scroll-margin-top:calc(var(--header-height,120px) + 72px)}}

html:not(.js) .banner__track{display:block}html:not(.js) .slide{opacity:1;visibility:visible;animation:none;transition:none}html:not(.js) .banner__dots,html:not(.js) .banner__arrow,html:not(.js) .pegfig__chips{display:none}html:not(.js) .slide__img{animation:none}

/* 刘老师10-22 22:19定稿后调整：仅并列电脑页脚；保留手机与窄屏上下排列。 */
@media(min-width:1280px){
 .footer__links{padding-top:11px}
 .footer__links>div:first-child{transform:translateX(-40px)}
}

/* 10-23确认：新闻在左、案例在右，每列最多两条且按日期倒序；手机新闻在前。 */
.home-news .news__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.home-news .news__grid[data-single-column="true"]{grid-template-columns:minmax(0,1fr)}
.home-news .news__column{min-width:0}.home-news .news__column[hidden]{display:none}
.home-news .news__column-title{font-size:20px;line-height:1.5;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #ffffff55}
.home-news .news__featured{grid-template-columns:minmax(0,1fr);gap:0}.home-news .news__featured::before{display:none}
.home-news .news-item{min-width:0}.home-news .news-item+.news-item{border-top:1px solid #ffffff33}
.home-news .news-item h4{margin:0;color:white;font-size:22px;line-height:1.5;font-weight:700}
.home-news .news-item a:hover h4{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.home-news .news-empty{padding:28px 0}
.inner-page .related-abbreviation{overflow-wrap:anywhere;color:var(--c-muted)}
@media(max-width:900px){.home-news .news__grid{grid-template-columns:minmax(0,1fr);gap:32px}.home-news .news__column-title{font-size:18px}.home-news .news-item h4{font-size:18px}}
/* 10-28 王工：大类页系列卡片平铺；卡片底部信息对齐；标题行按钮不换行；内页多行段落两端对齐 */
.inner-page .category-links{margin-bottom:28px}
.inner-page .series-card{display:flex;flex-direction:column}
.inner-page .series-card>div:last-child{display:flex;flex-direction:column;flex:1;min-width:0}
.inner-page .series-card .tag{align-self:flex-start}
.inner-page .series-card small{display:block;margin-top:auto;padding-top:14px;font-size:14px;line-height:1.5;color:var(--muted)}
.inner-page .series-card a.text-link{display:inline-block;align-self:flex-start;height:auto;margin-top:6px;font-size:15px;line-height:1.5;font-weight:600;color:var(--primary)}
/* 登记表第 43 条（刘老师 11-03）：大类页系列卡片简介最多显示前 5 行，多出的显示 …；系列页全文，首页卡片不变 */
.inner-page .category-series .series-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
/* 登记表第 48 条（11-03）：大类页系列卡片名称用站内蓝色（只限大类页） */
.inner-page .category-series .series-card h3 a{color:var(--primary)}
.inner-page .section-head a{white-space:nowrap;flex-shrink:0}
.inner-page .kw-justify{text-align:start;text-justify:auto}
@media(min-width:769px){.inner-page .kw-justify{text-align:justify;text-justify:inter-character}}
.inner-page .kw-left{text-align:start!important;text-justify:auto!important}

.inner-page .custom-category{margin-bottom:20px}.inner-page .custom-category dd{white-space:pre-line}
/* 登记表第 51 条（11-03）：定制服务页九大类标题为蓝色，点击进入对应大类页 */
.inner-page .custom-category h2 a{color:var(--primary)}

/* 10-29 客户确认：放大标志、拉开联系区间距，二维码置于右侧两栏下方。 */
.footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.footer__company{padding-top:10px}
.footer__logo{width:var(--footer-logo-width,auto);height:var(--footer-logo-height,74px);object-fit:contain;object-position:left center}
@media(max-width:1199px){.footer__logo{height:var(--footer-logo-height,64px)}}
@media(max-width:1023px){.footer__logo{height:var(--footer-logo-height,52px)}}
@media(max-width:767px){.footer__logo{height:var(--footer-logo-height,40px)}}
.footer__company h2{margin-top:28px}
.footer__contact{margin-top:28px}
.footer__links{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);column-gap:44px;row-gap:0;align-content:start}
.footer__links>div:first-child{transform:none;grid-row:1 / span 2}
.footer__qrs{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;margin-top:28px}
.footer__qrs figure{justify-self:start}
@media(max-width:1199px){.footer__inner{grid-template-columns:minmax(0,1fr)}.footer__links{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:767px){.footer__links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:24px}.footer__links>div:first-child{grid-row:auto}.footer__qrs{grid-column:1 / -1;column-gap:24px;margin-top:4px}.footer__qrs figure{justify-self:center}}

/* 手机菜单遮罩低于头部和导航，高于页面内容及悬浮咨询按钮。 */
.mobile-nav-backdrop{display:none}
@media(max-width:767px){.mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:80;background:rgba(231,237,249,.7);cursor:pointer}.mobile-nav-open .site-header{z-index:81}}

/* 减少动态效果时保留短淡入，移除大幅滑动。 */
@media(prefers-reduced-motion:reduce){.slide.is-active{transition:opacity .18s ease,visibility 0s!important}.related-scroll{scroll-behavior:auto!important}}

/* 主导航保留原字号，通过间距为首页及测试服务预留8项单行空间。 */
.main-nav__list>li>a[aria-current=page]{color:var(--c-brand)}
.main-nav__list>li>a[aria-current=page]::after{transform:scaleX(1)}
@media(min-width:768px){.main-nav__list{gap:4px}.main-nav__list>li>a{padding-inline:14px}.main-nav__list>li:first-child>a{padding-left:0}}
@media(min-width:768px) and (max-width:1199px){.main-nav__list{gap:0}.main-nav__list>li>a{padding-inline:9px}.nav-menu__toggle{padding-right:9px}}
.mega-main-lists a,.mega-panel.compact>a,.mega-panel.compact>p,.custom-menu-categories a{font-size:inherit;font-weight:400;line-height:1.75}
.mega-panel.compact>a{display:block;min-height:44px;padding:8px 0}.custom-menu-categories{display:grid;border-top:1px solid var(--c-line);margin-top:8px;padding-top:8px}.custom-menu-categories a{display:block;min-height:44px;padding:8px 0}
.inner-page .custom-categories,.inner-page .custom-category{scroll-margin-top:var(--header-height,120px)}
/* 新染料的完整英文系列名：超长单词在窄屏容器内换行。 */
.inner-page .series-intro h1{overflow-wrap:anywhere}

/* 10-30 刘老师（登记表第12、13条，群内14:44）：页脚去掉新闻/案例/知识产权；产品中心略左、服务与资讯略右，二维码间距缩小；
   宽屏时二维码说明文字底边与左侧“官方网站”一行对齐；手机页脚标志放大。 */
@media(min-width:1200px){
 .footer__links{grid-template-rows:auto 1fr}
 .footer__links>div:first-child{transform:translateX(-24px)}
 .footer__links>div:nth-child(2),.footer__qrs figure:first-child{margin-left:24px}
 .footer__qrs{align-self:end}
}
@media(min-width:768px) and (max-width:1199px){.footer__qrs{display:flex;column-gap:40px}}
@media(max-width:767px){
 .footer__logo{width:auto;height:64px;max-width:100%}
 .footer__qrs{display:flex;justify-content:center;column-gap:40px}
}

/* 10-30 王工：两列表单在1280～1365宽时输入框把网格撑出屏幕（联系我们页横向滚动），允许格子收窄。 */
.inner-page .form-grid>*{min-width:0}


/* 10-30 第14条：定制需求附件框和说明行。 */
.inner-page .attachment-field input[type=file]{width:100%;padding:9px 11px;background:var(--pale,#f1f5ff);cursor:pointer}
.inner-page .attachment-field small{color:var(--muted,#5f6596);line-height:1.6}
/* 第20条：手机头部吸顶，从导航跳到首页九大类时标题不被头部挡住（电脑端头部不吸顶）。 */
@media(max-width:767px){.home-page #products{scroll-margin-top:var(--header-height,120px)}}
/* 第22条：联系方式6行与关于我们正文同字号、行高（同继承内页正文字号：电脑17px、手机16px，行高1.9）；热线行与公司名标题拉开距离。 */
.inner-page .contact-grid .contact-list{margin-top:32px;font-size:inherit;line-height:1.9}
.inner-page .contact-grid .contact-list dt,.inner-page .contact-grid .contact-list .contact-value{font-size:inherit}
/* 11-03 在线咨询改进在线留言：表单标题下显示全国服务热线。 */
.inner-page .message-hotline{margin:-4px 0 18px;color:var(--c-muted)}.inner-page .message-hotline a{font-weight:600;color:var(--c-brand-deep);white-space:nowrap}
/* 英文页基础镜像（11-08第一轮规则在文件末尾）：短标签优先单行，整词换行，大类简介五行截断。
   选择器都限定 html[lang="en"]，中文页不受影响。 */
html[lang="en"] .footer__contact>div{grid-template-columns:minmax(0,1fr);row-gap:2px}
/* Customer Word tables scroll within the article. */
html[lang="en"] .en-word-table{max-width:100%;overflow:auto;margin:24px 0}
html[lang="en"] .inner-page .article:has(.en-word-table){max-width:1280px;width:calc(100% - 64px)}
html[lang="en"] .article:has(.en-word-table)>:not(.en-word-table){max-width:960px;margin-left:auto;margin-right:auto}
@media(max-width:767px){html[lang="en"] .inner-page .article:has(.en-word-table){width:calc(100% - 32px)}}
html[lang="en"] .en-word-table table{min-width:1050px;width:100%;table-layout:fixed}
html[lang="en"] .en-word-table th,html[lang="en"] .en-word-table td{white-space:normal;overflow-wrap:normal;vertical-align:top}
html[lang="en"] .en-word-table p{margin:0}
html[lang="en"] .en-mobile-table{display:none}
@media(max-width:700px){
 html[lang="en"] .en-mobile-table{display:block;margin:20px 0}
 html[lang="en"] .en-mobile-table + .en-word-table{display:none}
 html[lang="en"] .en-mobile-table a{display:block;cursor:zoom-in}
 html[lang="en"] .en-mobile-table img{display:block;width:100%;height:auto}
 html[lang="en"] .en-mobile-table figcaption{margin-top:8px;font-size:14px;color:var(--c-muted)}
}
/* 只由英文手机表格图片动态创建；不改变中文图片弹层。 */
html[lang="en"] .en-table-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#101726;color:#fff;box-sizing:border-box}
html[lang="en"] .en-table-lightbox[open]{display:flex;flex-direction:column}
html[lang="en"] .en-table-lightbox::backdrop{background:#101726}
html[lang="en"] .en-table-tools{display:flex;flex:none;align-items:center;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#101726}
html[lang="en"] .en-table-tools button{min-width:44px;min-height:44px;padding:8px;border:1px solid #637089;border-radius:6px;background:#1d2a40;color:#fff;font:inherit;font-size:15px;cursor:pointer}
html[lang="en"] .en-table-tools [data-table-close]{margin-left:auto;font-size:24px}
html[lang="en"] .en-table-zoom-level{min-width:48px;text-align:center;font-size:14px}
html[lang="en"] .en-table-zoom-hint{flex:none;margin:0;padding:0 12px 10px;font-size:13px;line-height:1.5;color:#dce4f1}
html[lang="en"] .en-table-canvas{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;cursor:grab}
html[lang="en"] .en-table-canvas:active{cursor:grabbing}
html[lang="en"] .en-table-canvas img{position:absolute;left:0;top:0;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-drag:none}
html[lang="en"] .word-literal-list{list-style:none;padding-left:1.4em}
html[lang="en"] .ip-record dl>div{min-width:0;flex-wrap:wrap}
html[lang="en"] .ip-record dt,html[lang="en"] .ip-record dd{white-space:normal;overflow-wrap:normal}
html[lang="en"] .patent h3,html[lang="en"] .ip-record h3{overflow-wrap:normal}
html[lang="en"] .patent__status{white-space:normal}
/* 侯明萱 11-08：仅英文专利正文用通栏卡片，标题、状态、两列字段、权属依次排。 */
html[lang="en"] .inner-page .article:has(.ip-record){max-width:1280px;width:calc(100% - 64px)}
html[lang="en"] .inner-page .article .ip-record{display:block;width:100%;box-sizing:border-box;padding:30px;margin:0 0 24px}
html[lang="en"] .inner-page .article .ip-record h3{margin:0 0 18px;line-height:1.45;overflow-wrap:normal}
html[lang="en"] .inner-page .article .ip-record .patent-status{display:inline-block;margin:0 0 16px}
html[lang="en"] .inner-page .article .ip-record dl{margin:0}
html[lang="en"] .inner-page .article .ip-record dl>div{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:28px;margin:12px 0}
html[lang="en"] .inner-page .article .ip-record dt,html[lang="en"] .inner-page .article .ip-record dd{white-space:nowrap;overflow-wrap:normal;text-align:left}
html[lang="en"] .inner-page .article .ip-record .ip-owner{margin:28px 0 0}
@media(max-width:767px){
 html[lang="en"] .inner-page .article:has(.ip-record){width:calc(100% - 32px)}
 html[lang="en"] .inner-page .article .ip-record{padding:20px}
 html[lang="en"] .inner-page .article .ip-record dl>div{grid-template-columns:minmax(0,1fr);row-gap:2px;margin:14px 0}
}
html[lang="en"] .article img{max-width:100%;height:auto}
html[lang="en"] .inner-page .contact-list>div,html[lang="en"] .inner-page .contact-grid .contact-list>div{grid-template-columns:11.5em minmax(0,1fr)}
@media(max-width:699px){html[lang="en"] .inner-page .contact-list>div,html[lang="en"] .inner-page .contact-grid .contact-list>div{grid-template-columns:minmax(0,1fr);row-gap:2px}}
html[lang="en"] .footer__contact dt,html[lang="en"] .inner-page .contact-list dt{white-space:normal}
html[lang="en"] .inner-page .properties>div{grid-template-columns:minmax(150px,32%) minmax(0,1fr)}
/* 一级导航：字号、间距同中文；一行排不下时各项文字换成两行，与语言切换至少留 12px。 */
@media(min-width:768px){html[lang="en"] .main-nav__list{min-width:0}html[lang="en"] .main-nav__list>li>a{white-space:normal;line-height:1.15;text-align:center}html[lang="en"] .main-nav__inner>.lang-switch{margin-left:12px;flex:none}}
/* 大类图卡、技术体系箭头条、优势、悬浮咨询：字号同中文，长词可断开换行，箭头条高度随文字增高。 */
html[lang="en"] .hex__body b{line-height:1.25}html[lang="en"] .hex__body b>span{white-space:normal;overflow-wrap:normal;hyphens:none}
html[lang="en"] .pipeline li{height:auto;min-height:62px;padding-block:8px;hyphens:none;overflow-wrap:normal}
@media(max-width:767px){html[lang="en"] .pipeline li,html[lang="en"] .pipeline li:first-child{height:auto;min-height:46px}html[lang="en"] .consult__btn span{width:auto}}
html[lang="en"] .virtues b{white-space:normal}
/* 平板宽度：字号同中文，只把英文导航左右间距收窄，保证每项（两行）完整显示、不重叠。 */
@media(min-width:768px) and (max-width:1023px){html[lang="en"] .main-nav__list>li>a{padding-inline:6px}html[lang="en"] .nav-menu__toggle{padding-right:4px}}
@media(min-width:768px) and (max-width:899px){html[lang="en"] .main-nav__list>li>a{padding-inline:4px}html[lang="en"] .nav-menu__toggle{padding-right:2px}}
/* 11-06 预览 v2 返修：通用排版检查（1440/768/390）查出的英文重叠、溢出、截断。只放开换行或换位置，字号同中文。 */
/* 首屏标题：英文一行放不下时换行（手机宽度原先整块被撑宽，右侧被轮播框裁掉）。 */
html[lang="en"] .slide__l1,html[lang="en"] .slide__l2{white-space:normal}
/* 页脚产品栏：英文大类名长，允许换行，不伸出本栏、不压住右侧栏目。 */
html[lang="en"] .footer__links>div:first-child a{white-space:normal}
/* 定制流程五步：词条保留客户原文，窄格由样式换行，不向英文插入软连字符。 */
@media(max-width:900px){html[lang="en"] .inner-page .custom-flow li{white-space:normal;overflow-wrap:normal}}
html[lang="en"] .flow__steps li>span{min-width:0;max-width:100%;overflow-wrap:normal}
/* 客户确认的定制按钮文案变长：按钮随两行文字增高，不撑宽手机页面。 */
html[lang="en"] .custom__actions .btn{min-width:0;max-width:100%;height:auto;min-height:50px;padding-block:10px;white-space:normal;text-align:center}
/* 768–899：九项导航放满一行，语言切换改用页头顶行（手机端同一个“中 / Eng”），不压住“Contact Us”。 */
@media(min-width:768px) and (max-width:899px){html[lang="en"] .main-nav__inner>.lang-switch{display:none}html[lang="en"] .header-actions>.lang-switch--mobile{display:flex}}
/* 11-06 王工授权修复既有平板溢出：产品下拉以导航容器左边距定位，宽度、字号、正文均不变。 */
@media(min-width:768px){html[lang="en"] .main-nav__list>li:has(>.product-mega){position:static}html[lang="en"] .product-mega{left:max(var(--gutter),calc((100% - var(--container))/2))}}
@media(min-width:1200px){html[lang="en"] .product-mega{grid-template-columns:max-content minmax(0,1fr)}}

/* 0.1.50 客户确认：仅英文首页轮播说明及首页重复定制说明加粗。 */
html[lang="en"] .home .slide__sub,html[lang="en"] .home .custom__copy>p{font-weight:700}

/* 0.1.52 英文第一轮排版：全部选择器限定英文，保留中文既有版面。 */
html[lang="en"]{--font:Arial,"Helvetica Neue",Helvetica,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang="en"] :is(h1,h2,h3,h4,h5,h6,button,.button,.btn,.tag,.badge,.hex__body b,.series-card__name,.case-card__name,.category-links a,.main-nav__list>li>a,th,.pipeline li,.flow__steps li>span){word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;-webkit-hyphens:none!important}
html[lang="en"] :is(h1,h2,h3,h4,h5,h6){text-wrap:balance}
html[lang="en"] :is(.btn,.button,.tag,.badge){white-space:nowrap}
html[lang="en"] .series-intro h1,html[lang="en"] .related-abbreviation{overflow-wrap:normal;word-break:normal;hyphens:none}
html[lang="en"] .site-search__scope{flex:none}
html[lang="en"] .site-search__scope select{width:196px;padding-right:38px;font-size:15px}
html[lang="en"] .site-search__scope svg{right:12px}
html[lang="en"] .site-search__input{font-size:15px;text-overflow:ellipsis}
html[lang="en"] .main-nav__list{gap:0;align-items:stretch}
html[lang="en"] .main-nav__list>li{display:flex;align-items:stretch;min-width:0}
html[lang="en"] .main-nav__list>li>a{display:flex;align-items:center;justify-content:center;font-size:16px;padding-inline:7px;line-height:1.3;min-width:0;text-wrap:balance}
html[lang="en"] .nav-menu__toggle{padding-right:5px}
@media(min-width:1440px){
 html[lang="en"] .header-top{gap:20px}
 html[lang="en"] .brand{flex:none;width:auto}
 html[lang="en"] .site-search{flex:1 1 400px;min-width:300px;max-width:445px}
 html[lang="en"] .site-search__btn{width:54px;flex:none}
 html[lang="en"] .header-contact{margin-left:auto}
 html[lang="en"] .header-actions{gap:12px;font-size:14px}
 html[lang="en"] .head-link__text{font-size:14px}
 html[lang="en"] .main-nav__list>li>a{white-space:nowrap}
 html[lang="en"] .header-top:has(.site-search__scope option:checked:not([value="all"])){gap:13px}
 html[lang="en"] .header-top:has(.site-search__scope option:checked:not([value="all"])) .brand img{height:68px}
 html[lang="en"] .site-search:has(.site-search__scope option:checked:not([value="all"])){min-width:480px;max-width:480px}
 html[lang="en"] .site-search:has(.site-search__scope option:checked:not([value="all"])) .site-search__input::placeholder{font-size:13px}
}
@media(min-width:768px) and (max-width:1023px){
 html[lang="en"] .header-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;height:auto;padding-top:14px;padding-bottom:14px}
 html[lang="en"] .brand{grid-column:1;grid-row:1}
 html[lang="en"] .header-contact{grid-column:2;grid-row:1;justify-self:center}
 html[lang="en"] .header-actions{grid-column:3;grid-row:1}
 html[lang="en"] .site-search{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
}
/* 0.1.53：恢复0.1.51搜索栏的弹性宽度及1024以上同排布局，保留导航独立高度。 */
@media(min-width:1024px) and (max-width:1439px){
 html[lang="en"] .header-top{height:auto;min-height:120px;gap:16px;padding-block:14px}
 html[lang="en"] .site-search{flex:1 1 400px;min-width:260px;width:auto}
 html[lang="en"] .header-top:has(.site-search__scope option:checked:not([value="all"])){flex-wrap:wrap}
 html[lang="en"] .site-search:has(.site-search__scope option:checked:not([value="all"])){order:3;flex:1 0 100%;min-width:0;width:100%}
}
/* 0.1.51默认All为108px；长选项选中时保留196px及38px右留白。 */
@media(min-width:1024px){html[lang="en"] .site-search__scope select:has(option[value="all"]:checked){width:108px}}
@media(min-width:768px) and (max-width:1439px){
 html[lang="en"] .main-nav__list>li{flex:1 1 min-content}
 html[lang="en"] .main-nav__list>li>a{white-space:normal;font-size:15px;padding-inline:5px;min-height:52px}
}
@media(min-width:768px) and (max-width:899px){html[lang="en"] .main-nav__list>li>a{font-size:14px;padding-inline:3px}}
html[lang="en"] .precise__inner{align-items:start}
html[lang="en"] .readout{padding-inline:16px}
html[lang="en"] .readout__repeat{font-size:14px;color:var(--c-muted);margin:0 0 4px}
html[lang="en"] .readout__bead{font-size:13px;text-wrap:normal;gap:6px}
html[lang="en"] .readout__bead>span{white-space:nowrap}
html[lang="en"] .readout__list{display:block;margin-top:14px}
html[lang="en"] .readout__list>div{display:grid;grid-template-columns:minmax(130px,1.05fr) minmax(0,1fr);gap:10px;margin-top:10px;align-items:center}
html[lang="en"] .readout__list dt{font-size:14px;line-height:1.45}
html[lang="en"] .hex__body{padding-inline:4%}
html[lang="en"] .hex__body b{font-size:16px;line-height:1.25;text-wrap:balance}
html[lang="en"] .hex__body b>span{white-space:normal}
/* 平板五列六边形保留整词，并让最长名称避开底部斜边。 */
@media(min-width:768px) and (max-width:1023px){html[lang="en"] .hex__body b{font-size:clamp(13px,1.7vw,16px);line-height:1.2}}
html[lang="en"] .category-hero p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
html[lang="en"] .custom__inner{grid-template-columns:minmax(560px,.95fr) minmax(0,1.05fr);gap:40px}
html[lang="en"] .custom__actions{display:grid;grid-template-columns:max-content max-content;gap:12px;align-items:stretch;flex-wrap:nowrap}
html[lang="en"] .custom__actions .btn{display:flex;align-items:center;justify-content:center;min-height:50px;height:50px;min-width:0;max-width:none;padding:0 18px;font-size:15px;line-height:1.2;white-space:nowrap;letter-spacing:0}
html[lang="en"] .custom__actions .btn--secondary{border:1.5px solid var(--c-brand);border-radius:999px;color:var(--c-brand-deep);background:white;box-shadow:none}
/* 同排流程标题由最长项决定行高，说明从同一水平线开始。 */
@media(min-width:768px){html[lang="en"] .process{row-gap:0}html[lang="en"] .process li{display:grid;grid-template-rows:subgrid;grid-row:span 3;justify-items:center;align-items:start;align-content:start;row-gap:0}}
html[lang="en"] .process h3{min-height:2.7em;line-height:1.35}
html[lang="en"] .process p{font-size:14px;word-break:normal;overflow-wrap:normal}
html[lang="en"] .platform__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
html[lang="en"] .platform .panel{padding:28px}
html[lang="en"] .pipeline{align-items:stretch}
html[lang="en"] .pipeline li,html[lang="en"] .pipeline li:first-child{height:76px;min-height:76px;padding:8px 6px 8px 14px;font-size:14px;text-wrap:balance;line-height:1.35}
html[lang="en"] .pipeline li:first-child{padding-left:6px}
html[lang="en"] .home-news .news__column{display:flex;flex-direction:column}
html[lang="en"] .home-news .news__featured{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));flex:1}
html[lang="en"] .home-news .news-item a{height:100%;align-items:center}
html[lang="en"] .home-news .news-item h4{font-size:20px;line-height:1.45;text-wrap:balance}
html[lang="en"] .home-news .section-head h2{white-space:nowrap}
html[lang="en"] .patent{grid-template-columns:240px minmax(0,1fr)}
html[lang="en"] .patent-status,html[lang="en"] .inner-page .article .ip-record .patent-status{display:inline-flex;align-items:center;justify-content:center;width:240px;min-width:240px;max-width:100%;height:36px;min-height:36px;padding:4px 10px;font-size:14px;line-height:1.4;white-space:nowrap}
html[lang="en"] .footer__links h3{white-space:nowrap;margin-top:0}
html[lang="en"] .footer__links>div:first-child{transform:none}
html[lang="en"] .footer__links>div:nth-child(2){margin-left:0}
/* 0.1.62 英文页脚二维码：排法与中文一致（中文不改）。电脑≥1200：子网格让两码分别落在上方“Services & Insights”“About Us”列，左缘与列文字对齐；
   768—1199：同中文从“服务与资讯”列左缘起排、间距40；手机：同中文整组居中、间距40。说明文字固定在二维码宽度内、以二维码中线居中，
   过宽时在单词之间换行，不缩字号、不超出二维码左右边。 */
html[lang="en"] .footer__qrs{align-items:start}
html[lang="en"] .footer__qrs figure,html[lang="en"] .footer__qrs figure:first-child{display:flex;flex-direction:column;align-items:center;width:112px;max-width:112px;margin:0;justify-self:start;text-align:center}
html[lang="en"] .footer__qrs figcaption{width:100%;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:center}
@media(min-width:1200px){html[lang="en"] .footer__qrs{display:grid;grid-column:2 / -1;grid-template-columns:subgrid;column-gap:inherit}}
@media(min-width:768px) and (max-width:1199px){html[lang="en"] .footer__qrs{display:flex;justify-content:flex-start;column-gap:40px}}
@media(max-width:767px){html[lang="en"] .footer__qrs{display:flex;justify-content:center;column-gap:40px}}
html[lang="en"] .footer__bottom .container>span{line-height:inherit}
html[lang="en"] .en-phrase{white-space:nowrap}
/* 轮播说明沿用全文，英文不继承中文第三屏的13字窄栏。 */
html[lang="en"] .slide--3 .slide__sub{width:100%;max-width:900px}
@media(max-width:1439px){html[lang="en"] .custom__inner{grid-template-columns:minmax(0,1fr);gap:36px}}
@media(max-width:1199px){html[lang="en"] .platform__grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 html[lang="en"] .hex__body{padding-inline:2%}
 html[lang="en"] .hex__body b{font-size:12px;line-height:1.24}
 html[lang="en"] .custom__actions{width:100%;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:8px}
 html[lang="en"] .custom__actions .btn{font-size:clamp(12px,3.33vw,14px);letter-spacing:-.15px;padding-inline:5px;min-height:44px;height:44px}
 html[lang="en"] .slide__actions{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:8px;align-items:stretch}
 html[lang="en"] .slide--1 .slide__actions{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}
 html[lang="en"] .slide--2 .slide__actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[lang="en"] .slide--2 .slide__copy,html[lang="en"] .slide--3 .slide__copy{justify-content:space-between}
 html[lang="en"] .slide--2 .slide__actions,html[lang="en"] .slide--3 .slide__actions{margin-top:26px;padding-top:0}
 html[lang="en"] .slide__actions .btn{font-size:clamp(12px,3.33vw,14px);letter-spacing:-.15px;padding-inline:5px;min-height:44px;height:44px;min-width:0;white-space:nowrap}
 /* 长定制按钮保持并排单行；字体按实际双按钮可用宽度缩放，保留内边距。 */
 html[lang="en"] .custom__actions .btn,html[lang="en"] .slide--3 .slide__actions .btn{font-size:clamp(10px,3.05vw,15px)}
 html[lang="en"] .platform{padding-top:40px}
 html[lang="en"] .platform>.container>.section-head{margin-bottom:24px}
 html[lang="en"] .platform>.container>.section-head h2{font-size:24px;line-height:1.3;max-width:100%}
 html[lang="en"] .platform .panel{padding:20px}
 html[lang="en"] .pipeline li,html[lang="en"] .pipeline li:first-child{height:48px;min-height:48px;font-size:14px;padding:8px 12px}
 html[lang="en"] .home-news .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 8px;align-items:center}
 html[lang="en"] .home-news .section-head h2{font-size:24px;line-height:1.3}
 html[lang="en"] .home-news .section-head__more{font-size:14px;margin-left:0;white-space:nowrap}
 html[lang="en"] .home-news .news__tabs{grid-column:1/-1;grid-row:2;justify-self:start}
 html[lang="en"] .home-news .news__grid{gap:28px}
 html[lang="en"] .home-news .news-item h4{font-size:18px}
 html[lang="en"] .patent{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .patent__status{grid-row:auto}
 html[lang="en"] .footer__qrs figcaption{font-size:13px}
}
@media(max-width:379px){html[lang="en"] .hex__body b{font-size:11.5px}}
@media(max-width:900px){html[lang="en"] .inner-page .custom-flow{align-items:stretch}}
@media(max-width:420px){html[lang="en"] .inner-page .custom-flow li{font-size:12px;min-height:76px}}
@media(max-width:379px){html[lang="en"] .inner-page .custom-flow li{font-size:11px}}
@media(min-width:901px) and (max-width:1439px){
 html[lang="en"] .inner-page .custom-flow{padding:22px 24px}
 html[lang="en"] .inner-page .custom-flow li{font-size:15px;gap:8px;flex-shrink:0}
 html[lang="en"] .inner-page .custom-flow li:not(:last-child)::after{width:24px;min-width:24px;margin:0 12px 0 4px;flex-shrink:0}
}
@media(min-width:901px) and (max-width:1099px){
 html[lang="en"] .inner-page .custom-flow{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 8px;align-items:stretch}
 html[lang="en"] .inner-page .custom-flow li{position:relative;flex-direction:column;text-align:center;white-space:normal}
 html[lang="en"] .inner-page .custom-flow li:not(:last-child)::after{position:absolute;top:15px;left:calc(50% + 24px);right:calc(-50% + 24px);width:auto;min-width:0;margin:0}
}
/* 六宽实看补齐：页脚短标题与AI闭环步骤的整词空间。 */
html[lang="en"] .site-search__input{font-size:14px}
html[lang="en"] .footer__links h3{font-size:16px}
html[lang="en"] .flow__steps li{font-size:12px}
html[lang="en"] .flow__steps li>span{min-height:4.05em;text-wrap:balance}
html[lang="en"] .home-news .news__grid{align-items:stretch}
@media(min-width:768px) and (max-width:899px){html[lang="en"] .main-nav__list>li>a{font-size:13.5px}html[lang="en"] .main-nav__list>li:has(>a[href="/en/news"]){min-width:104px}}
@media(max-width:767px){
 html[lang="en"] .flow{padding-left:24px;padding-bottom:34px;margin-top:20px}
 html[lang="en"] .flow__steps{grid-template-columns:minmax(0,1fr);gap:12px}
 html[lang="en"] .flow__steps li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;min-height:54px;align-items:center;text-align:left;font-size:14px}
 html[lang="en"] .flow__steps li>span{min-height:2.7em;text-align:left;text-wrap:normal}
 html[lang="en"] .flow__steps li:not(:last-child)::after{top:42px;left:18px;right:auto;width:2px;height:calc(100% + 12px - 40px)}
 html[lang="en"] .flow__steps li:not(:last-child)::before{top:auto;bottom:-9px;left:14px;right:auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--c-aux);border-bottom:0}
 html[lang="en"] .flow__back{left:0;right:auto;top:41px;bottom:28px;width:20px;height:auto;border:2px solid var(--c-brand-2);border-right:0;border-radius:14px 0 0 14px}
 html[lang="en"] .flow__back>span{left:48px;bottom:-25px;transform:none;font-size:13px}
}
html[lang="en"] label,html[lang="en"] .instrument-name,html[lang="en"] .instrument-name small{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;-webkit-hyphens:none!important}
html[lang="en"] .platform__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
html[lang="en"] .flow__steps li{font-size:13px}
@media(max-width:1399px){html[lang="en"] .platform__grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:768px) and (max-width:1399px){html[lang="en"] .flow__steps li{font-size:14px}}
@media(max-width:767px){html[lang="en"] .flow__steps li{font-size:14px}}
/* 同排资讯标题预留相同行高，短标题与长标题的第一行对齐。 */
@media(min-width:901px){html[lang="en"] .home-news .news-item h4{min-height:4.35em}}
@media(min-width:901px) and (max-width:1199px){html[lang="en"] .home-news .news-item h4{min-height:5.8em}}
/* 实际在售主列表中有整句化学名称：只在放不下时按空格换行。 */
html[lang="en"] .tag:not(.patent-status){white-space:normal;max-width:100%;text-wrap:balance}

/* 0.1.53 王工手机真机复核：正文不用平衡/漂亮换行，不通过字间拉伸补满行。 */
.inner-page :is(p,li,dd),.home :is(.precise__copy p,.section-head p,.series-card p,.custom__copy p,.panel p){text-wrap:wrap;hyphens:none;-webkit-hyphens:none}
.footer__filing,.police-filing{white-space:nowrap}
@media(max-width:768px){
 .inner-page :is(p,li,dd):not(.custom-flow li),.home :is(.precise__copy p,.section-head p,.series-card p,.custom__copy p,.panel p){text-align:start!important;text-align-last:auto!important;text-justify:auto!important;text-wrap:wrap;word-break:normal;overflow-wrap:normal}
 .footer__bottom .container{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}
 .footer__filings{display:grid;gap:8px;max-width:100%}
 .footer__filing{display:flex;align-items:center;gap:4px;line-height:1.6}
 .footer__filing-separator{display:none}
 html[lang="en"] .platform>.container>.section-head h2{font-size:22px;text-wrap:wrap}
 html[lang="en"] .custom-category h2{font-size:22px}
}

@media(max-width:767px){
 html[lang="en"] .main-nav__list>li{width:100%}
 html[lang="en"] .main-nav__list>li>a{justify-content:flex-start;text-align:start;padding-inline:0;flex:1 1 auto;text-wrap:wrap}
 html[lang="en"] .main-nav__list>li:not(.nav-menu)>a{flex:0 1 auto}
 html[lang="en"] .main-nav__list>li:not(.nav-menu)>a::after{left:0;right:0}
 html[lang="en"] .main-nav__list>li>.nav-menu__toggle{margin-left:auto;flex:none}
}
/* 768中文导航原有溢出：文字、箭头和语言切换都留在可视宽度内。 */
@media(min-width:768px) and (max-width:899px){
 html[lang="zh-CN"] .main-nav__list{gap:0;min-width:0}
 html[lang="zh-CN"] .main-nav__list>li>a{font-size:14px;padding-inline:4px}
 html[lang="zh-CN"] .nav-menu__toggle{padding-right:4px}
 html[lang="zh-CN"] .main-nav__inner>.lang-switch{margin-left:8px;font-size:14px}
}

/* 荧光染料大类有很长的完整化学单词，平板标题缩小2px以留在卡片内。 */
@media(max-width:899px){html[lang="en"] .inner-page .series-grid .series-card{padding:22px}html[lang="en"] .inner-page .series-grid .series-card h3{font-size:18px}}
@media(max-width:359px){html[lang="en"] .inner-page .series-grid .series-card{padding:16px 8px}html[lang="en"] .inner-page .series-grid .series-card h3{letter-spacing:-.25px}html[lang="en"] .footer__links h3{font-size:14px}}
@media(max-width:767px){html[lang="en"] .inner-page .series-grid{grid-template-columns:minmax(0,1fr)}}

/* 同排系列共享图、标签、标题、说明和操作的行高，避免结构图尺寸造成内容错位。 */
@supports(grid-template-rows:subgrid){
 html[lang="en"] .inner-page .series-grid .series-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:12px}
 html[lang="en"] .inner-page .series-grid .series-card>div:last-child{display:contents}
 html[lang="en"] .inner-page .series-grid .series-card>:is(.unified-structure,.structure){grid-row:1;align-self:stretch}
 html[lang="en"] .inner-page .series-grid .series-card>div>.tag{grid-row:2;margin:0;justify-self:start;align-self:start}
 html[lang="en"] .inner-page .series-grid .series-card>div>h3{grid-row:3;margin:0}
 html[lang="en"] .inner-page .series-grid .series-card>div>p{grid-row:4;margin:0}
 html[lang="en"] .inner-page .series-grid .series-card>div>small{grid-row:5;margin:0;padding-top:0}
 html[lang="en"] .inner-page .series-grid .series-card>div>a.text-link{grid-row:6;margin:0;align-self:end;justify-self:start}
}

@media(max-width:359px){html[lang="en"] .footer__bottom .container{font-size:11px}html[lang="en"] .footer__qrs figcaption{font-size:12px}}

/* 三项优势标签从同一顶部开始；手机圆点置顶，为完整短语留出整列宽度。 */
html[lang="en"] .virtues li{align-items:flex-start}
html[lang="en"] .virtues li::before{margin-top:.55em}
@media(max-width:420px){
 html[lang="en"] .virtues li{flex-direction:column;align-items:center;gap:10px}
 html[lang="en"] .virtues li::before{margin-top:0}
 html[lang="en"] .virtues b{font-size:14px;text-align:center}
}
@media(max-width:359px){
 html[lang="en"] .virtues{grid-template-columns:minmax(0,1fr);gap:12px}
 html[lang="en"] .virtues li{flex-direction:row;align-items:flex-start;gap:12px}
 html[lang="en"] .virtues li::before{margin-top:.55em}
 html[lang="en"] .virtues b{text-align:start}
}
/* 中文定制长标题保留完整序号和栏目名，避免序号单独占一行。 */
@media(max-width:379px){html[lang="zh-CN"] .custom-category h2{font-size:22px}}
@media(max-width:359px){html[lang="zh-CN"] .custom-category{padding:16px 10px}html[lang="zh-CN"] .custom-category h2{letter-spacing:-.5px}}
/* 中文页脚两种语言分别平衡换行，避免英文公司名只剩 Ltd. 一行。 */
html[lang="zh-CN"] .footer__company h2>span[lang="en"]{display:inline-block;max-width:100%;text-wrap:balance}
/* 此篇长标题在360宽缩小2px，完整Long-Acting后也不给Modification留下孤行。 */
@media(max-width:379px){html[lang="en"] h1>.en-medical-title{font-size:26px}}
/* Safari原生单选菜单忽略内边距，定制类别与相邻输入框保持相同高度。 */
.inner-page .form-grid select[name="categoryId"]{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;padding:11px 38px 11px 13px;line-height:1.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235f6596' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:right 14px center}
@media(max-width:420px){html[lang="en"] .form-grid select[name="categoryId"]{font-size:14px}}
/* 只缩小英文测试单位提示，360宽完整显示客户原句，输入文字与中文不变。 */
@media(max-width:420px){html[lang="en"] .testing-panel input[name="company"]::placeholder{font-size:14px}}
@media(max-width:767px){
 html[lang="en"] .consult__btn{width:auto;min-width:82px;height:48px;padding-inline:12px;border-radius:999px}
 html[lang="en"] .consult__btn span{width:auto;white-space:nowrap}
}

/* 空询价单没有数据列，手机只展示完整提示；有商品时保留原横滚表格。 */
@media(max-width:768px){.inner-page .inquiry-cart.is-empty thead{display:none}.inner-page .inquiry-cart.is-empty table{width:100%;table-layout:fixed}.inner-page .inquiry-cart.is-empty td{white-space:normal;overflow-wrap:normal}}

/* 0.1.55 Pro Max：手机轮播用背景图与紧凑统一高度，切换不牵动下方页面。 */
@media(max-width:767px){
 :root{--section-y:40px}
 .js .banner__track{display:grid}
 .js .home .slide{position:relative;inset:auto;min-height:0;display:flex;flex-direction:column;justify-content:center}
 .js .home .slide.is-active{position:relative;inset:auto}
 html:root .home .slide__img{inset:0;width:100%;height:100%;object-fit:cover}
 html:root .home .slide__shade{inset:0;height:100%;background:linear-gradient(180deg,rgba(12,20,72,.74),rgba(12,20,72,.94))}
 html:root .home .slide__inner{flex:0 1 auto;padding-top:24px;padding-bottom:48px}
 html:root .home .slide__copy{flex:0 1 auto;justify-content:flex-start}
 html:root .home .slide__title{font-size:26px;line-height:1.24}
 html:root .home .slide__l1,html:root .home .slide__l2{white-space:normal;letter-spacing:0;padding-left:0}
 html:root .home .slide__l2{margin-top:6px;font-size:.8em}
 html:root .home .slide__sub{width:100%;max-width:none;margin-top:16px;font-size:14px;line-height:1.55;text-wrap:wrap}
 html:root .home .slide__tags,html:root .home .slide__steps{margin-top:14px;gap:7px 6px}
 html:root .home .slide__tags li{font-size:12px;padding:2px 10px}
 html:root .home .slide__steps li{font-size:12px;gap:4px}
 html:root .home .slide__steps li::before{width:22px;height:22px;font-size:12px}
 html:root .home .slide__actions{margin-top:18px;padding-top:0;gap:8px}
 html:root .home .slide__actions .btn{height:44px;min-height:44px}
 html:root .home .banner__dots{bottom:10px}
 html:root .home .section,html:root .home .precise,html:root .home .platform{padding-block:40px}
 html:root .home .section-head{margin-bottom:22px}
 html:root .home .section-head p{margin-top:10px}
 html:root .home .precise__inner,html:root .home .custom__inner,html:root .home .platform__grid,html:root .home .patents__inner{gap:24px}
 html:root .home .hexes{margin-bottom:32px}
 html:root .home .panel{padding:20px}
 html:root .home .tag-list{margin-bottom:20px}
 html:root .home .process li{padding-block:5px}
 html:root .home .news__grid{gap:24px}
 html:root .home .patent{padding-block:16px}
 html:root .home .series-card__structure{--structure-limit:220px;min-height:190px}
 /* 手机卡片上下排列，不套用电脑同排的统一最小高度。 */
 html:root .home .recommend-card,html:root .home .series-card__head{min-height:0!important}
 .site-footer .footer__inner{padding-top:36px;gap:28px}
 .inner-page .page-hero{padding-block:32px}
 .inner-page .breadcrumbs{padding-block:16px}
 .inner-page .subsection{margin-bottom:28px}
 .inner-page .product-lower{padding-block:32px}

 /* 中英共用相同的圆圈、行高和箭头坐标，回环线两端对齐首末圆心。 */
 html:root .home .flow{--flow-gap:12px;margin-top:20px;padding:0 0 50px 28px}
 html:root .home .flow__steps{grid-template-columns:minmax(0,1fr);gap:var(--flow-gap)}
 html:root .home .flow__steps li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;min-height:40px;align-items:center;text-align:start;font-size:14px;line-height:1.35}
 html:root .home .flow__steps b{width:32px;height:32px;align-self:center;font-size:14px}
 html:root .home .flow__steps li>span{display:block;align-self:center;min-height:0;text-align:start;text-wrap:wrap}
 html:root .home .flow__steps li:not(:last-child)::after{top:calc(50% + 20px);left:15px;right:auto;width:2px;height:calc(100% + var(--flow-gap) - 40px)}
 html:root .home .flow__steps li:not(:last-child)::before{top:calc(150% + var(--flow-gap) - 26px);bottom:auto;left:12px;right:auto;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--c-aux);border-bottom:0}
 html:root .home .flow__back{left:0;right:auto;top:20px;bottom:70px;width:24px;height:auto;border:2px solid var(--c-brand-2);border-right:0;border-radius:12px 0 0 12px}
 html:root .home .flow__back::before{left:auto;right:0;top:-5px;border-left:7px solid var(--c-brand-2);border-right:0;border-top:4px solid transparent;border-bottom:4px solid transparent}
 html:root .home .flow__back>span{left:40px;bottom:-54px;transform:none;font-size:13px}

 /* 常驻50px图标；屏幕安全区域与页脚留白承担避让，不随滚动改变显示状态。 */
 html:root .consult{top:auto;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:none;visibility:visible;opacity:1;pointer-events:auto;transition:none!important;animation:none!important}
 html:root .consult__btn{display:flex;align-items:center;justify-content:center;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;border-radius:50%;transform:none;transition:none!important;animation:none!important}
 html:root .consult__btn svg{display:block;width:24px;height:24px}
 html:root .consult__btn span{position:absolute;width:1px!important;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 html:root .footer__bottom .container{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}

/* 11-09 仅英文页脚：协议归入产品栏，中文版保留原结构与样式。 */
html[lang="en"] .footer__links>div:first-child{display:flex;flex-direction:column;align-self:stretch}
html[lang="en"] .footer__legal{margin-top:auto;padding-top:12px;font-size:inherit;line-height:1.6;white-space:nowrap;text-wrap:wrap}
html[lang="en"] .footer__links>div:first-child .footer__legal a{color:inherit;white-space:nowrap}
/* 11-10：仅英文页脚标签与内容同行；地址保留上下结构，中文不变。 */
html[lang="en"] .footer__contact>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0}
html[lang="en"] .footer__contact dt{flex:none}
html[lang="en"] .footer__contact dd{min-width:0;margin-left:0}
html[lang="en"] .footer__contact>div.footer__contact-address{display:block}
@media(min-width:768px){
 html[lang="en"] .footer__company{display:flex;flex-direction:column}
 html[lang="en"] .footer__contact{flex:1;display:flex;flex-direction:column}
 html[lang="en"] .footer__contact>div:not(.footer__contact-address){flex-wrap:nowrap}
 html[lang="en"] .footer__contact>div:last-child{margin-top:auto;line-height:1.6}
 html[lang="en"] .footer__inner{align-items:stretch}
 html[lang="en"] .footer__links{align-content:stretch;grid-template-columns:240px minmax(148px,1fr) minmax(110px,.85fr);column-gap:24px}
 html[lang="en"] .footer__filings{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}
 /* 使用中文页同一字体与14px分隔占位；不受英文Arial空格宽度影响。 */
 html[lang="en"] .footer__filing-separator{display:inline-block;margin:0;font:14px -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;white-space:pre}
 html[lang="en"] .footer__bottom .container{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px 16px;font-size:14px}
 html[lang="en"] .footer__bottom .container>span:first-child{flex-shrink:0}
 html[lang="en"] .footer__filings{margin-left:auto}
}
@media(min-width:768px) and (max-width:1199px){
 html[lang="en"] .footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:32px;row-gap:24px}
 html[lang="en"] .footer__company{grid-column:1;grid-row:1}
 html[lang="en"] .footer__links{grid-column:2;grid-row:1 / span 3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:subgrid;column-gap:16px;row-gap:24px;padding-top:0}
 html[lang="en"] .footer__links>div:first-child{grid-column:1 / -1;grid-row:1;transform:none}
 html[lang="en"] .footer__links>div:nth-child(2){grid-column:1;grid-row:2}
 html[lang="en"] .footer__links>div:nth-child(3){grid-column:2;grid-row:2}
 html[lang="en"] .footer__qrs{grid-column:1 / -1;grid-row:3;margin-top:0}
 html[lang="en"] .footer__bottom .container{gap:8px}
}
@media(min-width:768px) and (max-width:1023px){
 html[lang="en"] .footer__bottom .container{padding-inline:16px}
}
/* 768px平板沿用中文版现有12px边界字号；手机三宽由下面15px规则覆盖。 */
@media(width:768px){html[lang="en"] .footer__bottom .container{font-size:12px}}
@media(max-width:767px){
 html[lang="en"] .footer__legal{margin-top:0;padding-top:8px}
 /* 第三轮播五步：上圆下字、五等分，线只画在相邻圆圈之间。 */
 html:root .home .slide__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:0;align-items:start}
 html:root .home .slide__steps li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 2px;white-space:normal;line-height:1.25}
 html:root .home .slide__steps li::before{flex:none;position:relative;z-index:1}
 html:root .home .slide__steps li:not(:last-child)::after{left:calc(50% + 15px);right:auto;top:10.5px;width:calc(100% - 30px);height:1px;background:rgba(255,255,255,.7)}
 html:root .home .slide__step-label{max-width:100%;text-align:center;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:wrap}
 html:root .home .slide--3 .slide__sub{text-wrap:balance}
}
.inner-page .breadcrumb__item{min-width:0;max-width:100%}
.inner-page .breadcrumb__separator{display:inline;margin-left:10px;white-space:nowrap}
@media(max-width:767px){
 .inner-page .breadcrumb__separator{margin-left:6px}
 .inner-page .order-form select{appearance:none;-webkit-appearance:none;min-height:46px;width:100%;padding:10px 36px 10px 12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%235f6596' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center}
}

/* 056：平板及紧凑桌面二维码说明留在各自figure内，中文保持现状。 */
@media(min-width:768px) and (max-width:1359px){html[lang="en"] .footer__qrs figcaption{font-size:13px}}

/* 11-09晚间真机：中英手机底栏可读，二维码后的留白与组间距一致。 */
@media(max-width:767px){
 .site-footer .footer__inner{padding-bottom:28px}
 html:root .footer__bottom .container{font-size:15px;line-height:1.6;gap:10px;padding-top:16px;padding-bottom:calc(71px + env(safe-area-inset-bottom,0px))}
 .footer__bottom .container>span:first-child{text-wrap:balance}
 .footer__filing{flex-wrap:wrap;white-space:normal;gap:0 4px}
 .footer__filings{gap:8px}
 html[lang="en"] .footer__copyright-tail{white-space:nowrap}
}

/* 平板窄栏允许标签和值自然换行，不让邮箱超出dd。 */
@media(min-width:768px) and (max-width:1023px){html[lang="en"] .footer__contact>div:not(.footer__contact-address){flex-wrap:wrap}html[lang="en"] .footer__contact dd{max-width:100%}}


/* 0.1.61 全站正文统一规则（取代0.1.60逐处规则）：长段落只在这一处取字号、行高、颜色、行宽、对齐和段距。
   对齐：英文和手机一律左对齐；电脑端纯中文长段（kw-justify）按11-09口径保留两端对齐。
   正文清单：首页各区块说明段（轮播大图文字除外）；内页全部段落（页首说明、关于、协议、隐私、资讯与知识产权正文、
   测试服务、联系说明、大类简介、系列简介），文章/测试/系列应用列表条目，定制服务说明dd，联系地址dd，
   以及卡片与列表里的长说明：定制案例卡片说明、系列卡片说明、资讯列表摘要。
   辅助信息（数量、别名、日期、CAS）只用 --aux-*。以后新增长段落类型，把选择器加进下方清单即可，不再另写字号行高。 */
:root{--prose-size:17px;--prose-leading:1.75;--prose-width:38em;--prose-gap:.75em;--prose-color:var(--c-text);--aux-size:15px;--aux-color:var(--c-muted);--card-pad:20px}
html[lang="en"]{--prose-leading:1.6;--prose-width:68ch}
/* 11-09王工真机口径：电脑端纯中文长段（kw-justify、测试服务纯中文段）保留两端对齐；手机端与英文一律左对齐。 */
@media(min-width:769px){html[lang="zh-CN"] :is(.inner-page .kw-justify,.testing-intro p:not(:has(>strong))){--prose-align:justify;--prose-justify:inter-character}}
@media(max-width:767px){
 :root{--prose-size:16px;--prose-leading:1.7;--aux-size:14px;--card-pad:14px}
 html[lang="en"]{--prose-leading:1.55}
}
html:root :is(
 .home :is(.section-head p,.precise__copy>p,.custom__copy>p,.patents__head>p,.platform .panel>p),
 .inner-page p:not(:where(.related-scroll p,.order-panel p,form p,table p,figure p,.breadcrumbs p,.case-card p,.series-card p,.news-row p,.series-alias,.series-summary,.series-customization)),
 .inner-page :is(.article,.source-article)>:is(ul,ol):not(.case-grid)>li,
 .inner-page :is(.testing-intro li,.series-applications li,.custom-category dd,.contact-grid .contact-list dd),
 .inner-page :is(.case-card__desc,.series-card p,.news-row p)
){
 font-size:var(--prose-size)!important;line-height:var(--prose-leading)!important;color:var(--prose-color)!important;max-inline-size:var(--prose-cap,none)!important;
 text-align:var(--prose-align,start)!important;text-align-last:auto!important;text-justify:var(--prose-justify,auto)!important;
 hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:break-word!important;text-wrap:wrap
}
/* 段距：独立段落统一 --prose-gap；列表条目小间距；卡片与列表摘要保持各自外边距。 */
html:root .home :is(.section-head p,.precise__copy>p,.custom__copy>p,.patents__head>p,.platform .panel>p){margin-block:var(--prose-gap)}
html:root .inner-page p:not(:where(.related-scroll p,.order-panel p,form p,table p,figure p,.breadcrumbs p,.case-card p,.series-card p,.news-row p,.series-alias,.series-summary,.series-customization)){margin-block:0 var(--prose-gap)}
html:root .inner-page :is(:is(.article,.source-article)>:is(ul,ol):not(.case-grid)>li,.testing-intro li,.series-applications li){margin-block:.25em}
/* 左对齐：文章内段落、标题、列表与推荐分组都贴同一左缘，不各自居中。 */
html:root .inner-page :is(.article,.source-article)>:is(p,h2,h3,ul,ol,.product-link-group){margin-inline:0}
html[lang="en"] .inner-page .article:has(.en-word-table)>:not(.en-word-table){margin-inline:0}
/* 辅助信息：浅色小一号。 */
html:root .inner-page :is(.case-card__cas,.series-alias,.series-summary,.series-card small,.news-row time){font-size:var(--aux-size)!important;color:var(--aux-color)!important}
/* 联系信息标签与地址同一字号行高。 */
html:root .inner-page .contact-grid .contact-list{font-size:var(--prose-size);line-height:var(--prose-leading)}
/* 卡片：全部文字贴卡片同一内边距；手机收紧内边距，减少一行只剩几个词。 */
html:root .inner-page :is(.case-grid .case-card,.series-grid .series-card){padding:var(--card-pad)}
html:root .inner-page :is(.category-hero,.series-intro,.page-hero) :is(h1,h2,h3):has(+p,+.series-description),
html:root .inner-page :is(.article,.source-article)>:is(h2,h3):has(+p){margin-bottom:calc(var(--prose-size)*.8)}
html:root .inner-page .series-description{max-inline-size:var(--prose-cap,none);text-align:start}
html:root .inner-page .series-description--raw p{white-space:pre-line}
html:root .inner-page .series-alias,html:root .inner-page .series-summary{max-inline-size:var(--prose-cap,none);line-height:1.6;margin-block:0 var(--prose-gap);text-wrap:wrap;white-space:normal}
html:root .inner-page .series-applications h3{font-size:17px;margin-block:0 .5em;text-align:start}
html:root .inner-page .series-applications ul{list-style:disc;padding-inline-start:1.2em;margin-block:0 var(--prose-gap);text-align:start}
html:root .inner-page .series-customization{margin-block:0 var(--prose-gap);line-height:1.5;text-align:start}
html:root .inner-page .series-customization>span{display:inline-block;max-width:100%;font-size:14px;padding:4px 10px;border-radius:6px;background:var(--c-brand-soft);color:var(--c-brand-deep);text-wrap:wrap}
/* 英文大类简介仍五行省略；每个词是原子盒，省略号前不切半个词（0.1.61）。 */
html[lang="en"] .inner-page .category-hero p .clamp-word{display:inline-block;max-width:100%;vertical-align:baseline}
@media(max-width:767px){
 html:root .inner-page .series-summary{padding-inline-end:66px}
 /* 每行等宽居中；去掉3-3-3错位排法造成的两行左偏，保留九类顺序和六边形。 */
 html:root .home .hexes__grid[data-layout=dynamic]{display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px}
 html:root .home .hexes__grid[data-layout=dynamic] .hex{flex:0 0 33.333333%;min-width:0;margin-top:0}
}


/* 11-10 11:26：账户菜单独立绘制在导航定位项之上，缩放时不再透出下层链接。 */
.site-header .account{z-index:40}
.site-header .account__menu{z-index:60;background:#fff;opacity:1;isolation:isolate}
.site-header .account__menu a{padding:8px 14px;font-size:16px;font-weight:400;line-height:1.5;text-align:start;white-space:nowrap}
/* 客户确认提示原文；电脑端给输入文字保留完整宽度，不以省略号代替。
   0.1.62：英文邮箱15px、电话17px加粗与中文一致；用收窄All下拉、输入框内边距与15px提示、收紧页头间距腾出空间；
   1024—1279px宽度不够时与中文一样只留邮件、电话图标（悬停显示、点击照常发邮件/拨号）。 */
@media(min-width:1024px){
 html[lang="en"] .site-search{min-width:370px}
 html[lang="en"] .site-search__input{min-width:230px;padding:0 4px 0 10px;font-size:15px}
 html[lang="en"] .site-search__scope select:has(option[value="all"]:checked){width:80px;padding:0 28px 0 14px}
 html[lang="en"] .site-search__scope:has(option[value="all"]:checked) svg{right:10px}
 html[lang="en"] .header-contact a{font-size:15px;gap:8px}
 html[lang="en"] .header-contact a:last-child{font-size:17px;font-weight:700}
}
@media(min-width:1024px) and (max-width:1439px){html[lang="en"] .header-top{gap:14px}}
@media(min-width:1024px) and (max-width:1279px){
 html[lang="en"] .header-contact{display:flex;gap:10px}
 html[lang="en"] .header-contact span{display:none}
 html[lang="en"] .header-contact svg{width:22px;height:22px}
}


/* 0.1.62 手机标题（≤767px，中英文）：页面h1 24px、区块标题h2 20px、卡片与小节标题18px；正文16px不变。
   首页轮播大图标题（.slide 内）不在此列；原本已≤18px的小标题、资讯列表标题保持不变。 */
@media(max-width:767px){
 :root{--title-1:24px;--title-2:20px;--title-3:18px}
 html:root main h1:not(.slide__title,.slide h1){font-size:var(--title-1)!important}
 html:root main h2:not(.slide__title,.slide h2,.news-row h2){font-size:var(--title-2)!important}
 html:root main :is(.pegfig__title,.carousel-controls>h3,.platform .panel>h3,.case-card__name,.inner-page .series-card h3){font-size:var(--title-3)!important}
}

/* 0.1.62 页脚：公司总部、生产基地地址与电话同亮（链接为#fff），中英文、手机电脑一致。 */
.footer__contact dd{color:#fff}

/* 0.1.63 中文页头：1200–1239px 宽时搜索框短提示“产品/货号/CAS/资讯”差十几像素被截或贴边。
   只在搜索框内部让位（输入框内边距、搜索按钮宽度），页头其他元素和搜索框总宽不变，字号不变。 */
@media(min-width:1200px) and (max-width:1239px){
 html[lang="zh-CN"] .site-search__input{padding:0 2px 0 8px}
 html[lang="zh-CN"] .site-search__btn{width:50px}
}

/* 0.1.63 页脚二维码（中英文同一规则）：≥1200px 维持原样；1199px 以下不再整组居中，
   二维码区沿用上方栏目的两列（subgrid），每个二维码的左边对齐它上方那一栏文字的左边；
   说明文字以二维码中线居中，放不下在词间换行，不缩字号，不超出二维码左右两边。 */
@media(max-width:1199px){
 html:root .footer__qrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:normal;justify-items:start;align-items:start}
 @supports(grid-template-columns:subgrid){html:root .footer__qrs{grid-template-columns:subgrid;column-gap:normal}}
 html:root .footer__qrs figure,html:root .footer__qrs figure:first-child{display:flex;flex-direction:column;align-items:center;justify-self:start;width:112px;max-width:112px;margin:0;text-align:center}
 html:root .footer__qrs figcaption{width:100%;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
}

/* ===== 0.1.63 断行规则（中英文，全站只在这一处定） =====
   1. 不可拆单元 kw.t（化学名、缩写、结构简写、货号、CAS、数字加单位、带连接号的词、电话邮箱网址）任何位置整体不拆；
      比一行还长的由 home-design.js 加 .is-long，才允许在连接号后断。
   2. 正文（段落、列表、说明文字、表格单元格）里的中文词放开：汉字之间正常换行，一行排满再换。
   3. 短文字（标题、按钮、导航、标签、表头、卡片名、流程步骤、页头页脚）保持整词不拆；这份清单与 断行检查.mjs 的 SHORT 一致。
   4. 行宽上限（中文 38em、英文 68ch）只给“多段长文”：文章、协议、系列简介、测试说明里有两段以上时才生效；
      其余文字块（区块引导语、单段说明、卡片、列表项）跟随所在容器宽度。
   5. 区块标题下的引导语：容器放得下就一行；必须换行时，home-design.js 把句尾几个字（英文为最后两个词）包成 .tail 不拆，
      末行不会只剩几个字或一个短词（不依赖各浏览器对 text-wrap:pretty 的支持）。
   6. 中文短文字占两行时上下均衡。只设 text-wrap-style:balance，不用 text-wrap 简写——简写会把 text-wrap-mode 一并改回 wrap，
      让原来 white-space:nowrap 的按钮、导航、表头重新可以换行。英文短文字沿用 0.1.52 起的既有规则。 */
html:root :is(p,li,dd,td,blockquote) :is(kw,.kw,.nw){white-space:normal}
html:root :is(h1,h2,h3,h4,h5,h6,button,.button,.btn,nav,label,th,dt,summary,figcaption,legend,caption,.tag,.badge,.breadcrumbs,[class*="__name"],.category-links,.site-footer,.site-header,.hex__body,.pipeline,.flow__steps,.custom-flow,.readout,.pager,.pagination,small,time,output) :is(kw,.kw,.nw){white-space:nowrap}
html:root kw.t{white-space:nowrap}
html:root kw.t.is-long{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}/* 0.1.66：放开后只在连接号后断，汉字之间不断；单段仍比一行长时才任意断 */
html:root .inner-page :is(.article,.source-article,.series-description,.testing-intro):has(p~p){--prose-cap:var(--prose-width)}
html:root .tail,html:root .tail :is(kw,.kw,.nw){white-space:nowrap}
html[lang="zh-CN"] :is(h1,h2,h3,h4,h5,h6,button,.button,.btn,nav,label,th,dt,summary,figcaption,legend,caption,.tag,.badge,.breadcrumbs,[class*="__name"],.category-links,.site-footer,.site-header,.hex__body,.pipeline,.flow__steps,.custom-flow,.readout,.pager,.pagination,small,time,output){text-wrap-style:balance}
/* 首屏轮播副标题在电脑上是居中、均衡换行的短文字，整词不拆；手机上按正文排满（第三屏手机仍均衡）。页脚地址是说明文字，按正文排。 */
@media(min-width:768px){html:root .home .slide__sub :is(kw,.kw,.nw){white-space:nowrap}}
html:root .home .slide--3 .slide__sub :is(kw,.kw,.nw){white-space:nowrap}
html:root .footer__contact dd :is(kw,.kw,.nw):not(.t){white-space:normal}

/* ===== 0.1.64 手机复看 =====
   1. 首页轮播：每页的列宽固定为可视宽度（minmax(0,1fr)），卡片内容不能把卡片撑宽。
      根因：0.1.63 起化学名整体不拆，卡片的最小内容宽度变成最长化学名的宽度（线上最宽 438px），
      单列网格跟着变宽，卡片超出可视区、相邻页压在一起；卡片定宽后，比一行长的化学名由 home-design.js 放开在连接号后断，
      结构式图本来就按卡片宽度等比缩放。≥1200px 的三列规则不变。 */
.carousel-page{grid-template-columns:minmax(0,1fr)}
html:root .home .recommend-card,html:root .home .recommend-card>*{min-width:0;max-width:100%}
/* 2. 手机页脚最后一行下面留 24px＋安全区；只有页脚文字真会被右下角咨询按钮盖住时才留出按钮的位置
      （home-design.js 量过后设 --footer-clear；脚本没执行时沿用原来的 71px）。 */
@media(max-width:767px){html:root .footer__bottom .container{padding-bottom:calc(var(--footer-clear,71px) + env(safe-area-inset-bottom,0px))}}
/* 3. 搜索页、结果页：手机上标题右侧的“关闭 / Close”。 */
.search-close{display:none}
@media(max-width:767px){
 .inner-page .page-hero .container:has(>.search-close){position:relative}
 .inner-page .page-hero .search-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;right:var(--gutter,16px);margin-top:22px;min-width:72px;min-height:44px;padding:0 16px;border:1.5px solid var(--c-brand,#2f5bff);border-radius:999px;background:#fff;color:var(--c-brand-deep,#141b5c);font-size:15px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
 .inner-page .page-hero .container:has(>.search-close) h1{padding-inline-end:92px}
}
/* 4. 电脑端首页区块头不再卡在 920px：引导语宽度与 .container 内容区一致，右边和下方卡片对齐；
      带“更多 / More”的区块头本来就没有上限，链接仍在右侧。手机端不变。末行不留短尾由 home-design.js 的 .tail 负责（中文至少 6 个字、英文至少 2 个词）。 */
@media(min-width:768px){.section-head{max-width:none}}