:root{--ink:#122235;--muted:#637080;--navy:#0e3858;--blue:#1879aa;--cyan:#dff2f8;--line:#dce5eb;--soft:#f5f8fa;--white:#fff;--accent:#e9a842}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);line-height:1.75;background:var(--white)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.top{background:#082a43;color:#d6e7f1;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding:7px 0}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font-weight:800;font-size:20px;letter-spacing:.4px}.brand small{display:block;font-weight:500;font-size:10px;letter-spacing:1.8px;color:#6e7b87;margin-top:-3px}.links{display:flex;gap:26px;align-items:center;font-size:15px}.links a:hover,.links a.active{color:var(--blue)}.cta{background:var(--blue);color:#fff!important;padding:8px 15px;border-radius:4px}.mobile{display:none;border:0;background:#fff;font-size:24px}
.hero{background:linear-gradient(112deg,#0b2d49 0%,#0e5479 63%,#177eab 100%);color:#fff;min-height:530px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:580px;height:580px;right:-150px;bottom:-260px;border:50px solid rgba(255,255,255,.09);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;padding:68px 0;position:relative;z-index:1}.eyebrow{font-size:14px;letter-spacing:1.8px;color:#a9dcec;text-transform:uppercase}.hero h1{font-size:48px;line-height:1.22;letter-spacing:1px;margin:12px 0 18px}.hero p{max-width:650px;color:#d7eaf2;font-size:17px}.btn{display:inline-block;background:var(--accent);font-weight:700;padding:12px 22px;border-radius:4px;margin-top:17px;color:#213342}.btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65);margin-left:9px}.hero-card{border:1px solid rgba(255,255,255,.28);background:rgba(4,31,50,.25);padding:25px;border-radius:8px;backdrop-filter:blur(4px)}.hero-card strong{font-size:26px;display:block;margin:3px 0 7px}.hero-card p{font-size:13px;margin:0}.hero-card hr{border:0;border-top:1px solid rgba(255,255,255,.24);margin:18px 0}.hero-photo{background-image:linear-gradient(90deg,rgba(6,35,56,.96) 0%,rgba(8,55,78,.82) 48%,rgba(9,59,87,.3) 100%),url("images/xiamen-lab.jpg");background-position:center;background-size:cover}
.section{padding:82px 0}.section.soft{background:var(--soft)}.kicker{font-size:13px;color:var(--blue);font-weight:700;letter-spacing:1.6px}.section h2{font-size:31px;line-height:1.35;margin:7px 0 12px}.intro{max-width:700px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{border:1px solid var(--line);padding:27px 24px;background:#fff;border-radius:6px;transition:.2s}.card:hover{box-shadow:0 12px 32px rgba(20,52,71,.09);transform:translateY(-2px)}.icon{width:46px;height:46px;border-radius:5px;background:var(--cyan);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:18px}.card h3{margin:17px 0 7px;font-size:19px}.card p{color:var(--muted);font-size:14px;margin:0}.card a{display:inline-block;margin-top:15px;color:var(--blue);font-size:14px;font-weight:700}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.photo-placeholder{min-height:340px;border-radius:7px;background:linear-gradient(135deg,#d6e3e9,#8faab9);display:grid;place-items:center;color:#355568;position:relative;overflow:hidden}.photo-placeholder:after{content:"真实环境 / 工程照片待上传";border:1px solid rgba(53,85,104,.4);padding:10px 16px;background:rgba(255,255,255,.52);font-size:14px}.project-photo{min-height:340px;border-radius:7px;background-position:center;background-size:cover}.lab-detail{background-image:linear-gradient(rgba(11,46,68,.12),rgba(11,46,68,.12)),url("images/lab-detail.jpg")}.list{padding:0;margin:23px 0;list-style:none}.list li{padding:10px 0 10px 27px;border-bottom:1px solid var(--line);position:relative}.list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:36px}.step{padding:0 18px;border-left:1px solid #cfdce3;min-height:150px}.step:first-child{border-left:0;padding-left:0}.num{font-size:28px;color:#9db5c3;font-weight:800}.step h3{font-size:16px;margin:5px 0}.step p{font-size:13px;color:var(--muted);margin:0}
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.case{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.case-img{height:165px;background:linear-gradient(135deg,#c9dce4,#789caf);display:grid;place-items:center;color:#45687a;font-size:13px}.has-photo{background-position:center;background-size:cover;color:transparent}.xiamen-exterior{background-image:url("images/xiamen-exterior.jpg")}.xiamen-lab{background-image:url("images/xiamen-lab.jpg")}.cleanroom-equipment{background-image:url("images/cleanroom-equipment.jpg")}.cleanroom-floor{background-image:url("images/cleanroom-floor.jpg")}.medical-lab{background-image:url("images/medical-lab.jpg")}.case-bd{padding:20px}.case-bd span{font-size:12px;color:var(--blue);font-weight:700}.case-bd h3{margin:7px 0 5px;font-size:18px}.case-bd p{color:var(--muted);font-size:13px;margin:0}
.faq{max-width:820px;margin:34px auto 0}.faq details{border-bottom:1px solid var(--line);padding:14px 4px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);font-size:14px;margin:12px 0 4px}.contact{background:#0c334f;color:#fff}.contact .split{align-items:start}.contact h2{font-size:30px;margin:7px 0}.contact p{color:#c4d8e3}.contact-card{background:#fff;color:var(--ink);border-radius:6px;padding:28px}.contact-card div{padding:12px 0;border-bottom:1px solid var(--line)}.contact-card div:last-child{border:0}.contact-card label{display:block;font-size:12px;color:var(--muted)}.footer{background:#081f31;color:#a5bac6;font-size:13px;padding:22px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px}
.page-hero{background:linear-gradient(115deg,#0a2c47,#13648b);color:#fff;padding:80px 0}.page-hero h1{font-size:40px;margin:5px 0}.page-hero p{color:#cce3ee;max-width:700px}.article{max-width:820px;margin:auto}.article h2{margin-top:36px;font-size:25px}.article p{color:#3f4e5a}.notice{border-left:4px solid var(--accent);padding:12px 17px;background:#fff9ee;color:#69532c;font-size:14px}
.case-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.case-feature.reverse{grid-template-columns:.92fr 1.08fr}.case-feature-image{min-height:370px;background-position:center;background-size:cover}.case-feature-bd{padding:42px}.case-feature-bd>span{color:var(--blue);font-weight:700;font-size:13px}.case-feature-bd h2{font-size:29px;margin:7px 0 12px}.case-feature-bd p{color:var(--muted);margin:0}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.case-facts div{background:var(--soft);border-radius:5px;padding:12px;font-size:13px;color:var(--muted)}.case-facts b{color:var(--ink)}.gallery{display:grid;gap:14px;margin-top:14px}.gallery-three{grid-template-columns:1fr 1.4fr 1fr}.gallery-two{grid-template-columns:1fr 1fr}.gallery-photo{min-height:230px;background-position:center;background-size:cover;border-radius:6px}
@media(max-width:800px){.top .wrap{font-size:11px}.links{display:none}.links.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;z-index:10;padding:15px 20px;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 10px 18px rgba(0,0,0,.12)}.mobile{display:block}.hero-grid,.split{grid-template-columns:1fr;gap:28px}.hero h1{font-size:34px}.hero{min-height:auto}.hero-grid{padding:54px 0}.cards,.casegrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:20px}.step,.step:first-child{border-left:0;padding:0;border-bottom:1px solid var(--line);padding-bottom:12px}.section{padding:56px 0}.section h2{font-size:27px}.footer .wrap{display:block}.footer .wrap div+div{margin-top:7px}.page-hero{padding:56px 0}.page-hero h1{font-size:31px}.case-feature,.case-feature.reverse{grid-template-columns:1fr}.case-feature-image{min-height:255px}.case-feature-bd{padding:26px}.case-feature-bd h2{font-size:24px}.gallery-three,.gallery-two{grid-template-columns:1fr}.gallery-photo{min-height:220px}}