@font-face{font-family:'Services Serif';src:url('services-serif.woff2');font-weight:700;font-display:swap}
.services-page{--q-serif:'Services Serif','Noto Serif SC','Songti SC',SimSun,serif;--ink:#102e43;--muted:#4c626f;--accent:#007580;--line:#cddadf;color:var(--ink)}
.services-hero{background-image:linear-gradient(90deg,#062236 2%,rgba(4,33,53,.94) 27%,rgba(4,32,53,.42) 58%,rgba(4,27,46,.1) 100%),url('/skin/library20261101/36-pcb-inspection.webp');background-position:50% 48%}
.services-spread{--pad:clamp(24px,3.1vw,53px);position:relative;width:min(90.5%,1420px);margin:-126px auto 0;padding:30px var(--pad) 40px;background:#fff}
.section-opening{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.section-opening h2,.enquiry h2{font:700 clamp(28px,2.65vw,40px)/1.35 var(--q-serif);letter-spacing:-.025em;margin:0 0 11px;text-wrap:balance}
.section-opening p{font-size:16px;color:var(--muted);line-height:1.75;margin:0}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:16px;font-weight:600;color:var(--accent);padding:10px 0;background:none;border:0;cursor:pointer;white-space:nowrap}
.text-link span{font-size:24px;font-weight:400;transition:transform .2s}.text-link:hover span{transform:translateY(3px)}
.fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:36px}
.field{min-width:0}.field-image{display:block;overflow:hidden;aspect-ratio:1.85;background:#eaf0f2}.field-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.field:hover .field-image img{transform:scale(1.035)}
.field h3{font:700 clamp(24px,1.95vw,29px)/1.4 var(--q-serif);margin:16px 0 9px;letter-spacing:-.025em}
.field h3 a{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sv-arrow{font:400 24px/1 sans-serif;flex:none;transition:transform .2s}
.field h3 a:hover{color:var(--accent)}.field h3 a:hover .sv-arrow{transform:translate(3px,-3px)}
.field p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;min-height:54px}
.field-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:2px 15px;margin-top:11px;padding-top:8px;border-top:1px solid var(--line)}
.field-links a{font-size:14px;line-height:1.6;padding:5px 0;color:var(--accent);min-height:32px}.field-links a:hover{text-decoration:underline;text-underline-offset:4px}
.directory{scroll-margin-top:24px;margin-top:57px;padding-top:37px;border-top:1px solid var(--line)}
.section-opening .catalog-total{font-size:14px;text-align:right}
.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,26%) 105px;gap:16px;align-items:end;margin:0}
.catalog-controls label{display:block;font-size:15px;font-weight:600;margin:0 0 9px}.search-input-wrap{position:relative}.search-input-wrap svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:var(--muted);pointer-events:none}
.catalog-controls input,.catalog-controls select{width:100%;height:52px;border:1px solid #90a6b1;background:#fff;color:var(--ink);border-radius:0;font:16px/1.4 'Microsoft YaHei','PingFang SC',sans-serif;padding:0 15px;box-sizing:border-box;min-width:0}
.catalog-controls input{padding-left:49px;padding-right:14px}.catalog-controls input::placeholder{color:#526c7a;opacity:1}
.catalog-controls :is(input,select):focus{border:2px solid var(--accent);outline:none;box-shadow:none}.catalog-controls input:focus{padding-left:48px;padding-right:13px}.catalog-controls select:focus{padding-left:14px}
.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);border:0;color:#fff;min-height:52px;padding:13px 23px;white-space:nowrap;font:600 16px/1.6 'Microsoft YaHei','PingFang SC',sans-serif;cursor:pointer;transition:background .2s}
.primary-action span{font-size:24px;line-height:1;font-weight:400}.primary-action:hover{background:#175673}
.result-meta{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}.result-meta p{margin:0}.result-meta button{font:inherit;color:var(--accent);background:none;border:0;cursor:pointer;padding:10px 0;min-height:44px}.result-meta button:hover{text-decoration:underline}
.project-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.project-list li{min-width:0;border-top:1px solid var(--line)}.project-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;min-height:101px;transition:color .18s}.project-list small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-bottom:8px}.project-list strong{display:block;font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.project-list .sv-arrow{font-size:19px;color:var(--accent)}.project-list a:hover{color:var(--accent)}.project-list a:hover .sv-arrow{transform:translate(3px,-3px)}
.catalog-pager{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:16px;font-size:15px;font-variant-numeric:tabular-nums}.catalog-pager button{min-width:44px;min-height:44px;border:1px solid #9bb0bd;background:white;color:var(--ink);cursor:pointer;font-size:23px;transition:background .18s}.catalog-pager button:hover:not(:disabled){background:#eaf2f4}.catalog-pager button:disabled{opacity:.4;cursor:default}
.catalog-empty{padding:32px 0 24px;min-height:180px}.catalog-empty h3{font:700 28px/1.4 var(--q-serif);margin:0 0 12px}.catalog-empty p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:10px}
.enquiry{margin-top:42px;padding:31px 36px;background:#eaf0f2;display:flex;justify-content:space-between;align-items:center;gap:32px}.enquiry h2{font-size:clamp(26px,2.3vw,35px);margin-bottom:9px}.enquiry p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.enquiry .primary-action{margin-top:20px}.enquiry-phone{flex:none;padding:12px 0 12px 30px;border-left:1px solid #c0d1d8}.enquiry-phone>span{font-size:14px;color:var(--muted);display:block;margin-bottom:8px}.enquiry-phone>a{font-size:clamp(23px,2.2vw,33px);line-height:1.4;font-weight:600;letter-spacing:-.03em}.enquiry-phone p{margin-top:6px}.enquiry-phone>a:hover{color:var(--accent)}
.services-page [hidden]{display:none!important}.services-page :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.services-page ::selection{background:#c6e8eb;color:var(--ink)}
@media(max-width:1100px){.fields-grid{column-gap:22px}.field h3{font-size:23px}.field p{min-height:81px}.field-links{gap:0 12px}.project-list{gap:0 24px}.enquiry{padding:26px}.enquiry-phone{padding-left:22px}.section-opening .catalog-total{display:none}}
@media(max-width:900px){.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.field h3{font-size:26px}.field p{min-height:54px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry{align-items:flex-start;flex-direction:column;gap:22px}.enquiry-phone{padding:18px 0 0;border-left:0;border-top:1px solid #c0d1d8;width:100%}.enquiry-phone>a{font-size:28px}.section-opening{gap:16px}.directory-jump{font-size:14px;gap:10px}.catalog-controls{grid-template-columns:minmax(0,1fr) 190px 80px;gap:12px}}
@media(max-width:760px){.services-spread{margin-top:-116px;padding-top:26px;padding-bottom:28px}.services-hero{background-position:62% 48%}.section-opening{display:block;margin-bottom:23px}.section-opening h2{font-size:28px;line-height:1.4;margin-bottom:10px;text-wrap:pretty}.section-opening p{font-size:15px}.directory-jump{margin-top:4px;min-height:44px;font-size:15px}.catalog-controls{grid-template-columns:1fr 92px;gap:14px 12px}.catalog-search{grid-column:1/-1}.catalog-select{grid-column:1}.catalog-controls input,.catalog-controls select{height:50px}.catalog-controls .primary-action{min-height:50px;padding-inline:16px;gap:12px}.directory{margin-top:35px;padding-top:28px}.enquiry{padding:24px;margin-top:32px}.enquiry h2{font-size:27px}.enquiry p{font-size:15px}.enquiry-phone{padding-top:18px}.catalog-pager{margin-top:10px}}
@media(max-width:540px){.fields-grid{grid-template-columns:1fr;row-gap:30px}.field h3{font-size:26px;margin-top:14px}.field p{min-height:0;font-size:15px}.field-links{gap:0 17px;margin-top:9px;padding-top:5px}.field-links a{min-height:44px;display:flex;align-items:center}.project-list{grid-template-columns:1fr}.project-list a{min-height:86px;padding:13px 0}.project-list small{margin-bottom:5px}.enquiry{padding:24px 20px}.enquiry h2{font-size:25px}}
@media(max-width:430px){.services-spread{width:94%;--pad:18px}.section-opening h2{font-size:27px}.enquiry h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.services-page *{transition:none!important;scroll-behavior:auto!important}}

/* Review: use consistent authored stroke icons; retain existing control boxes. */
.ui-arrow{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none}.sv-arrow{display:inline-flex}.project-list .ui-arrow{width:19px;height:19px}.catalog-pager button{display:inline-flex;align-items:center;justify-content:center}.enquiry-phone p a{color:inherit;overflow-wrap:anywhere}.enquiry-phone p a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}

.services-hero{background-position:50% 45%}@media(max-width:760px){.services-hero{background-position:63% 45%}}