@font-face {
  font-family: 'Unitest Inner Serif';
  src: url('inner-headings.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
.query-page {
  --q-serif: 'Unitest Inner Serif','Noto Serif SC','Songti SC',SimSun,serif;
  --text: #102e43;
  --muted: #4c626f;
  --rule: #ccd9dd;
  --accent: #007580;
  color: var(--text);
}
.hero-news { background-image: linear-gradient(90deg,#062236 2%,rgba(4,33,53,.93) 26%,rgba(4,32,53,.5) 52%,rgba(4,27,46,.06) 85%),url('/skin/library20261101/34-thermal-analysis.webp'); background-position:50% 48%; }
.hero-about { background-image: linear-gradient(90deg,#061e32 2%,rgba(6,33,53,.91) 30%,rgba(6,30,52,.43) 55%,rgba(6,30,52,.04) 86%),url('/skin/library20261101/15-lab-panorama.webp'); background-position:50% 52%; }
.hero-contact { background-image: linear-gradient(90deg,#071f33 2%,rgba(5,35,54,.93) 30%,rgba(7,36,57,.58) 50%,rgba(7,31,49,.05) 90%),url('/skin/library20261101/40-sample-management.webp'); background-position:50% 46%; }
.spread,.quality-inner,.contact-assist { width:min(90.5%,1420px); margin-inline:auto; }
.spread { --pad:clamp(22px,3.4vw,60px); padding:var(--pad); background:#fff; position:relative; margin-top:-126px; }
.spread h2,.quality-band h2,.contact-assist h2 { font-family:var(--q-serif); font-size:clamp(32px,3.35vw,54px); line-height:1.25; letter-spacing:-.035em; font-weight:700; }
.quality-credit { color:var(--accent); font-size:16px; margin-top:12px; }
.text-link,.primary-action,.copy-wechat { display:inline-flex; align-items:center; gap:12px; font-weight:700; }
.text-link { color:var(--accent); font-size:16px; padding-block:6px; }
.text-link:hover,.article-row:hover span,.email-address:hover,.phone-number:hover { text-decoration:underline; text-underline-offset:5px; }
.arrow { display:inline-block; position:relative; width:22px; height:12px; flex:none; }
.arrow::before {content:""; position:absolute; left:0; right:1px; top:50%; border-top:1.5px solid currentColor;}
.arrow::after {content:""; position:absolute; right:1px; top:50%; width:8px; height:8px; border-top:1.5px solid; border-right:1.5px solid; transform:translateY(-43%) rotate(45deg);}
.lead-story { display:grid; grid-template-columns:1.16fr 1fr; align-items:stretch; column-gap:clamp(30px,4vw,76px); }
.lead-photo { background:#142c3a; overflow:hidden; display:block; min-height:240px; }
.lead-photo img { width:100%; height:100%; aspect-ratio:1.94; object-fit:cover; object-position:69% center; }
.lead-copy { align-self:center; padding-block:6px; }
.news-meta { display:flex; align-items:center; gap:16px; margin-top:16px; color:var(--muted); font-size:14px; font-variant-numeric:tabular-nums; }
.lead-copy h2 { margin:8px 0 12px; font-size:clamp(34px,3.2vw,54px); }
.lead-copy p,.directory-intro,.profile-copy p,.quality-list dd,.contact-assist p { color:var(--muted); line-height:1.8; font-size:17px; }
.lead-copy p { max-width:27em; }
.lead-copy .text-link { margin-top:16px; }
.archive { margin-top:clamp(42px,4vw,72px); }
.archive-top,.section-head,.archive-foot,.contact-assist,.letter-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.archive-top,.section-head { margin-bottom:18px; }
.archive-top h2,.section-head h2 { font-size:clamp(30px,2.6vw,44px); }
.filters { display:flex; gap:22px; }
.filters button { background:none; border:0; border-bottom:2px solid transparent; color:var(--muted); padding:8px 0 6px; font-size:16px; }
.filters button[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); font-weight:700; }
.article-list { border-top:2px solid var(--text); }
.article-row { display:grid; grid-template-columns:minmax(96px,14%) 1fr 5em 24px; column-gap:1.6vw; align-items:center; padding:20px 4px; border-bottom:1px solid var(--rule); min-height:70px; }
.article-row time,.archive-count,.page-number { color:var(--muted); font-size:14px; font-variant-numeric:tabular-nums; }
.article-row span {font-size:clamp(18px,1.5vw,23px);font-weight:600;line-height:1.45;}
.article-row small {font-size:14px;color:var(--muted);}
.article-row i {color:var(--accent);}
.archive-foot { margin-top:14px; flex-wrap:wrap; }
.page-controls {display:flex;align-items:center;gap:12px;}
.page-controls button {width:38px;height:38px;background:white;border:1px solid var(--rule);color:var(--text);}
.page-controls button:hover:enabled {border-color:var(--accent);}
.page-controls button:disabled {opacity:.45;cursor:default;}
.profile {display:grid;grid-template-columns:.9fr 1.45fr;gap:7%;align-items:start;}
.profile h2 {font-size:clamp(37px,3.3vw,58px);line-height:1.28;}
.profile-copy {max-width:46em;}
.profile-copy p + p {margin-top:12px;}
.profile-copy .profile-lead {font-size:clamp(22px,1.9vw,32px);font-weight:600;line-height:1.5;color:var(--text);margin-bottom:12px;}
.subjects {margin-top:clamp(38px,4.3vw,72px);border-top:1px solid var(--rule);padding-top:clamp(25px,2.6vw,44px);}
.specimen-gallery {display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(14px,2vw,34px);}
.specimen-gallery figure {margin:0;}
.specimen-gallery img {width:100%;aspect-ratio:1.92;height:auto;object-fit:cover;background:#dfe9ed;}
.chamber-detail {overflow:hidden;}
.chamber-detail img {transform:scale(1.8);transform-origin:76% 54%;}
.specimen-gallery figcaption {margin-top:12px;font-weight:650;font-size:clamp(17px,1.45vw,22px);}
.extra-fields {display:flex;align-items:center;gap:clamp(18px,3vw,50px);margin-top:22px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted);flex-wrap:wrap;}
.extra-fields span {font-size:16px;color:var(--text);}
.quality-band {background:#eaf1f2;}
.quality-inner {display:grid;grid-template-columns:1fr 1.5fr;gap:6%;align-items:center;padding:clamp(38px,4.3vw,76px) clamp(22px,3.4vw,60px);}
.quality-title h2 {font-size:clamp(32px,2.8vw,46px);}
.quality-list,.contact-lines {margin:0;}
.quality-list>div {display:grid;grid-template-columns:5.5em 1fr;gap:16px;padding:15px 0;border-top:1px solid #bcced3;}
.quality-list dt,.contact-lines dt {font-weight:650;}
.quality-list dd,.contact-lines dd {margin:0;}
.quality-list dd {font-size:16px;}
.quality-list .text-link {padding:0;white-space:nowrap;}
.contact-spread {display:grid;grid-template-columns:.95fr 1.05fr;align-items:start;column-gap:clamp(32px,5.6vw,96px);}
.contact-directory h2 {font-size:clamp(35px,3vw,52px);}
.directory-intro {margin:12px 0 27px;}
.channel-label,.contact-lines dt {font-size:15px;color:var(--muted);}
.phone-number {font-weight:600;font-size:clamp(32px,3.55vw,60px);line-height:1.4;font-family:Arial,'Microsoft YaHei',sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;}
.phone-block {border-top:2px solid var(--text);padding:16px 0 15px;}
.contact-lines>div {display:grid;grid-template-columns:3em 1fr;align-items:center;padding:11px 0;border-top:1px solid var(--rule);column-gap:12px;}
.contact-lines dd {display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:18px;}
.copy-wechat,#copy-mail {background:none;border:0;color:var(--accent);font-size:14px;padding:6px 0;font-weight:650;}
.copy-wechat:hover,#copy-mail:hover {text-decoration:underline;}
.feedback {font-size:14px;color:var(--accent);}
.letter {border-top:3px solid var(--accent);background:#eef4f4;padding:clamp(22px,2.7vw,40px);}
.letter-heading {justify-content:flex-start;gap:14px;margin-bottom:22px;}
.envelope {width:28px;line-height:0;color:var(--accent);}
.letter h2 {font-size:clamp(26px,2.1vw,36px);}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.letter label {font-size:15px;font-weight:650;color:var(--text);display:block;}
.letter input,.letter textarea {display:block;width:100%;min-width:0;border:1px solid #869ba5;border-radius:0;background:#fff;color:var(--text);font:16px/1.5 'Microsoft YaHei','PingFang SC',Arial,sans-serif;padding:9px 12px;margin:6px 0 14px;}
.letter input {min-height:43px;}
.letter textarea {resize:vertical;min-height:93px;}
.letter textarea::placeholder {color:#576b78;}
.letter :is(input,textarea):focus {outline:2px solid var(--accent);outline-offset:-2px;}
.primary-action {background:var(--text);border:1px solid var(--text);border-radius:0;color:white;padding:11px 22px;font-size:16px;}
.primary-action:hover {background:#164660;}
.form-note,.letter [role=status] {font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px;}
#draft {margin-top:16px;padding-top:10px;border-top:1px solid var(--rule);}
#copy-mail {margin-left:14px;}
#draft-status {display:block;}
.contact-assist {border-top:1px solid var(--rule);padding:24px clamp(22px,3.4vw,60px) 34px;margin-top:0;}
.contact-assist h2 {font-size:clamp(24px,1.8vw,32px);}
.contact-assist p {font-size:16px;margin-top:4px;}
@media(max-width:900px){
  .phone-number{font-size:34px;}
  .contact-spread{column-gap:24px;}
  .lead-photo{min-height:190px;}
  .lead-story{column-gap:24px;}
}
@media(max-width:760px){
  .spread{margin-top:-116px;}
  .lead-story,.profile,.contact-spread,.quality-inner{grid-template-columns:1fr;}
  .lead-photo{min-height:0;}.lead-photo img{height:auto;aspect-ratio:2.05;}
  .lead-copy{padding-top:22px;}
  .lead-copy h2{font-size:32px;margin:5px 0 8px;}.lead-copy p,.profile-copy p,.directory-intro{font-size:16px;}
  .lead-copy .text-link{margin-top:7px;}
  .hero-news,.hero-about,.hero-contact{background-position:66% center;}
  .archive-top{align-items:start;flex-direction:column;gap:8px;}
  .filters button,.copy-wechat,#copy-mail{min-height:44px;}
  .page-controls button{width:44px;height:44px;}
  .archive-foot{gap:10px;}.archive-all{width:100%;}
  .article-row{grid-template-columns:1fr auto;gap:3px 16px;padding:13px 0;}
  .article-row time{grid-column:1;grid-row:1;}.article-row span{grid-row:2;grid-column:1;}
  .article-row small{grid-row:1;grid-column:2;}.article-row i{grid-row:2;grid-column:2;justify-self:end;}
  .profile{gap:19px;}.profile h2{font-size:32px;}.profile h2 br,.wide-only{display:none;}
  .profile-copy .profile-lead{font-size:21px;}
  .section-head{align-items:baseline;gap:9px;flex-wrap:wrap;}
  .specimen-gallery{grid-template-columns:1fr;gap:0;}
  .specimen-gallery figure{display:grid;grid-template-columns:38% 1fr;align-items:center;gap:18px;padding:13px 0;border-top:1px solid var(--rule);}
  .specimen-gallery img{aspect-ratio:1.75;}.specimen-gallery figcaption{margin:0;font-size:18px;}
  .extra-fields{gap:5px 14px;}.extra-fields strong{width:100%;}
  .quality-inner{gap:24px;}.quality-list>div{grid-template-columns:4.5em 1fr;gap:10px;}
  .contact-spread{gap:26px;}.letter{padding:21px 17px;}
  .directory-intro{margin:8px 0 20px;}.phone-number{font-size:clamp(30px,7.9vw,44px);}
  .contact-assist{align-items:start;gap:12px;flex-direction:column;}
}
@media(max-width:430px){
  .spread{width:94%;--pad:18px;}
  .quality-inner,.contact-assist{width:94%;padding-inline:18px;}
  .form-grid{grid-template-columns:1fr;gap:0;}
  .contact-lines dd{font-size:16px;}.filters{gap:19px;}.section-head .text-link{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Server-rendered catalogue uses links, including without JavaScript. */
.archive-live:first-child{margin-top:0}
.filters a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;color:var(--muted);padding:8px 0 6px;font-size:16px}
.filters a[aria-current="true"]{border-color:var(--accent);color:var(--accent);font-weight:700}
.page-controls a,.page-controls>span[aria-disabled]{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--rule);color:var(--text)}
.page-controls a:hover{border-color:var(--accent)}
.page-controls>span[aria-disabled]{opacity:.45}
.archive-empty{padding:24px 4px;color:var(--muted)}
#article-index{scroll-margin-top:110px}
.primary-action:disabled{opacity:.65;cursor:default}
@media(max-width:760px){.page-controls a,.page-controls>span[aria-disabled]{width:44px;height:44px}}

.hero-news{background-position:50% 43%}.hero-about{background-position:50% 46%}.hero-contact{background-position:50% 57%}.chamber-detail img{transform:none}
@media(max-width:700px){.hero-news{background-position:65% 43%}.hero-about{background-position:72% 46%}.hero-contact{background-position:65% 57%}}