:root { --ink:#0a0d13; --paper:#f4f1ea; --line:#c3c2bd; --muted:#656a74; --green:#26765b; --blue:#536ee8; --coral:#b66d4f; --purple:#7157a3; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:0; }
a { color:inherit; }
svg { width:17px; height:17px; stroke-width:1.8; }
.lab-header { height:68px; padding:0 max(28px,calc((100vw - 1280px)/2)); display:flex; align-items:center; justify-content:space-between; color:#fff; background:var(--ink); border-bottom:1px solid #435048; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-size:.78rem; }
.brand img { width:31px; height:31px; flex:0 0 31px; display:block; object-fit:contain; border-radius:50%; box-shadow:0 0 18px rgba(174,190,255,.14); }
.lab-header nav { display:flex; gap:24px; }
.lab-header nav a { color:#cbd3ce; text-decoration:none; font-size:.68rem; }
main { width:min(calc(100% - 56px),1280px); margin:0 auto; }
.lab-intro { min-height:260px; padding:52px 0 38px; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:80px; border-bottom:1px solid var(--ink); }
.lab-intro p { margin:0; }
.lab-intro>div:first-child p { color:var(--blue); font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.lab-intro h1 { margin:14px 0 0; font-size:3.4rem; line-height:1; font-weight:550; }
.intro-copy { padding-bottom:4px; }
.intro-copy strong { display:block; font-size:1.05rem; }
.intro-copy p { max-width:560px; margin-top:13px; color:var(--muted); font-size:.72rem; line-height:1.65; }
.product-list { border-left:1px solid var(--ink); }
.product-row { min-height:190px; display:grid; grid-template-columns:70px 1.2fr .85fr 1fr 56px; align-items:stretch; background:#fff; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.product-row>div,.product-row>a { padding:24px 20px; border-right:1px solid var(--line); }
.product-index { color:var(--blue); font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.product-main span { color:var(--blue); font:760 .58rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.product-main h2 { margin:14px 0 9px; font-size:1.35rem; font-weight:600; }
.product-main p { max-width:480px; margin:0; color:var(--muted); font-size:.68rem; line-height:1.5; }
.product-facts { display:grid; align-content:center; gap:15px; }
.product-facts span { display:grid; gap:4px; color:#49534d; font-size:.65rem; }
.product-facts b { color:var(--muted); font-size:.57rem; text-transform:uppercase; }
.product-flow { display:flex; align-items:center; justify-content:center; gap:9px; color:#53615a; }
.product-flow>i:first-child { width:30px; height:30px; padding:6px; color:#fff; background:var(--blue); }
.product-flow span { font-size:.59rem; }
.product-flow svg:not(:first-child) { width:12px; }
.product-row>a { padding:0; display:grid; place-items:center; border-right:0; text-decoration:none; }
.product-row>a:hover { color:#fff; background:var(--ink); }
.product-row>a svg { width:22px; height:22px; }
.rental .product-main span,.rental .product-index { color:var(--green); }.rental .product-flow>i:first-child { background:var(--green); }
.tooling .product-main span,.tooling .product-index { color:#9b6000; }.tooling .product-flow>i:first-child { background:#9b6000; }
.stage .product-main span,.stage .product-index { color:var(--coral); }.stage .product-flow>i:first-child { background:var(--coral); }
.rma .product-main span,.rma .product-index { color:#22738f; }.rma .product-flow>i:first-child { background:#22738f; }
.training .product-main span,.training .product-index { color:var(--purple); }.training .product-flow>i:first-child { background:var(--purple); }
.lab-boundary { padding:52px 0; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; }
.lab-boundary p { margin:0 0 10px; color:var(--blue); font:800 .63rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.lab-boundary h2 { max-width:420px; margin:0; font-size:2rem; line-height:1.15; font-weight:550; }
.lab-boundary ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.lab-boundary li { padding:13px 0; color:#4e5752; border-bottom:1px solid var(--line); font-size:.7rem; }
footer { min-height:80px; padding:0 max(28px,calc((100vw - 1280px)/2)); display:flex; align-items:center; justify-content:space-between; color:#bfc8c2; background:var(--ink); font-size:.66rem; }
footer a { display:flex; align-items:center; gap:8px; color:#fff; }
@media (max-width:1000px) { .product-row{grid-template-columns:55px 1.2fr .8fr 50px}.product-flow{display:none}.lab-intro{gap:40px} }
@media (max-width:720px) { .lab-header{height:60px;padding:0 16px}main{width:calc(100% - 28px)}.lab-intro{min-height:230px;padding:38px 0 28px;grid-template-columns:1fr;gap:28px;align-items:start}.lab-intro h1{font-size:2.45rem}.product-row{min-height:0;grid-template-columns:44px 1fr 46px}.product-row>div,.product-row>a{padding:18px 13px}.product-facts{grid-column:2/3;padding-top:0!important;border-right:1px solid var(--line)!important}.product-row>a{grid-column:3;grid-row:1/3}.product-main h2{font-size:1.08rem}.lab-boundary{padding:38px 0;grid-template-columns:1fr;gap:30px}.lab-boundary h2{font-size:1.65rem}footer{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:12px} }