*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#0b1720;--ink-2:#142832;--brand:#087f73;--brand-2:#13a08f;--signal:#d6a94d;--paper:#f4f6f5;--card:#fff;--text:#14212a;--muted:#68757c;--line:#dfe5e3;--radius:6px;--shadow:0 18px 48px rgba(12,35,40,.09)}
html{scroll-behavior:smooth}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;letter-spacing:0}
body:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2) 55%,var(--signal))}
img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}h1,h2,h3,h4{line-height:1.25;color:var(--ink);letter-spacing:0}.container{width:min(1220px,calc(100% - 48px));margin:0 auto}main.container{padding-top:38px;padding-bottom:72px;min-height:65vh}
.site-header{position:sticky;top:0;z-index:100;background:rgba(11,23,32,.96);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.site-header .container{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:13px;color:#fff}.logo-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,#183541,#0d786e);font-size:12px;font-weight:800}.logo-text{font-size:18px;font-weight:700}.logo-text small{display:block;margin-top:3px;color:#8da3aa;font-size:10px;font-weight:500;letter-spacing:2px}nav{display:flex;align-items:center;gap:36px}nav a{position:relative;color:#dce5e7;font-size:14px;font-weight:600;padding:27px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--brand-2);transition:right .2s}nav a:hover{color:#fff}nav a:hover:after{right:0}
.hero{min-height:510px;margin-bottom:58px;padding:70px 62px;display:flex;align-items:center;position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(90deg,rgba(8,22,30,.98) 0%,rgba(9,29,36,.94) 49%,rgba(9,29,36,.52) 72%,rgba(9,29,36,.25)),url('/images/alicat-gas-flow-gas-mixer-gas-blending-system.jpg') right center/55% auto no-repeat,#0b1d25;box-shadow:0 24px 60px rgba(5,24,32,.18)}
.hero:before{content:"PRECISION  /  CONTROL  /  RELIABILITY";position:absolute;top:32px;left:62px;color:#86a1a8;font-size:10px;font-weight:700;letter-spacing:2px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(255,255,255,.04) 50.2%,transparent 50.4%);pointer-events:none}.hero-inner{max-width:660px;position:relative;z-index:2}.hero h1{margin-bottom:20px;color:#fff;font-size:48px;font-weight:760}.hero .grad{color:#56c6b6}.hero-sub{max-width:590px;margin-bottom:32px;color:#b9c7ca;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 25px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;transition:.2s}.btn-primary{background:var(--brand-2);color:#061a1c}.btn-primary:hover{background:#5ad2c1;transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.04)}.btn-ghost:hover{background:#fff;color:var(--ink)}.hero-stats{display:flex;gap:0;margin-top:46px}.hero-stats div{min-width:132px;padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.16)}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;color:#fff;font-size:22px}.hero-stats span{color:#81989f;font-size:11px}
section{margin-bottom:48px}h2{font-size:24px}.cat-quick{padding:0}.cat-quick h2{margin-bottom:20px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chip{min-height:50px;padding:13px 16px;display:none;align-items:center;background:#fff;border:1px solid var(--line);border-radius:4px;color:#34454c;font-size:13px;font-weight:650;transition:.2s}.chip:nth-child(1),.chip:nth-child(2),.chip:nth-child(6),.chip:nth-child(12),.chip:nth-child(13),.chip:nth-child(15),.chip:nth-child(28),.chip:nth-child(34){display:flex}.chip:before{content:"";width:6px;height:6px;margin-right:10px;background:var(--brand-2)}.chip:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 9px 25px rgba(11,74,70,.08);transform:translateY(-2px)}
.group{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 22px rgba(16,37,42,.035)}.group-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.group-head h2{margin-right:2px}.group-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:3px;background:var(--ink-2);color:#58cbbc}.group-count{padding:2px 9px;background:#edf3f1;color:#53706d;border-radius:20px;font-size:11px}.group-more{margin-left:auto;font-size:13px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:4px;color:inherit;transition:.22s}.card:hover{transform:translateY(-4px);border-color:#9ebdb8;box-shadow:var(--shadow)}.card-img{height:205px;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(145deg,#f7f9f8,#eef2f1);border-bottom:1px solid var(--line);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.card:hover .card-img img{transform:scale(1.045)}.card-body{padding:18px 19px 21px;display:flex;flex-direction:column;flex:1}.card-cat{align-self:flex-start;margin-bottom:9px;color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase}.card h3{margin-bottom:5px;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-en{margin-bottom:10px;color:#94a0a4;font-size:11px}.card-sum{color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-head{padding:28px 0 32px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-head h1{font-size:36px}.page-head .sub{margin-top:8px;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cat-card{background:#fff;border:1px solid var(--line);border-radius:4px;transition:.2s}.cat-card-inner{padding:22px}.cat-card h3{font-size:15px}.cat-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow)}
.product-detail,.about-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:0 8px 30px rgba(16,37,42,.04)}.breadcrumb{margin-bottom:24px;color:#8b979b;font-size:12px}.breadcrumb .sep{margin:0 7px;color:#bec7c9}.pd-header{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.pd-header h1{font-size:30px}.pd-en{margin-top:6px;color:#7b898e;font-size:13px}.pd-main{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.2fr);gap:40px;align-items:start}.pd-img{min-height:360px;padding:30px;display:flex;align-items:center;justify-content:center;background:#f4f7f6;border:1px solid var(--line)}.pd-img img{max-height:340px;object-fit:contain}.pd-info p{margin-bottom:14px;color:#435158}.keyparams{list-style:none;margin:20px 0;border-top:1px solid var(--line)}.kp-item{display:flex;gap:11px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:13px}.kp-check{color:var(--brand);font-weight:900}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:24px 26px;background:var(--ink-2);color:#fff}.cta-left strong{color:#fff}.cta-left p{margin:4px 0 0;color:#9fb0b5;font-size:13px}.about-wrap{max-width:900px}.about-wrap>p{margin-bottom:16px;color:#435158}.about-wrap h3{margin:30px 0 15px}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f3f6f5;border:1px solid var(--line)}.contact-card p{padding:15px 18px;border-bottom:1px solid var(--line)}
.site-footer{margin-top:28px;padding:52px 0 24px;background:#09171e;color:#91a1a6}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:54px;margin-bottom:35px}.footer-grid h4{margin-bottom:15px;color:#fff;font-size:14px}.footer-grid p{margin-bottom:7px;color:#819399;font-size:12px}.footer-grid a{color:#9db0b5}.footer-grid a:hover{color:#fff}.copyright{padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#55686e;font-size:11px}.float-contact{position:fixed;right:24px;bottom:25px;z-index:200;min-width:126px;padding:12px 18px;background:var(--brand);border:1px solid rgba(255,255,255,.24);border-radius:4px;color:#fff;text-align:center;font-size:13px;font-weight:800;box-shadow:0 12px 28px rgba(0,82,75,.28);transition:.2s}.float-contact:hover{background:#096d65;transform:translateY(-3px)}
@media(max-width:900px){.hero{min-height:470px;padding:62px 36px;background-size:70% auto}.hero:before{left:36px}.hero h1{font-size:40px}.chips,.cat-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-main{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 28px,1220px)}main.container{padding-top:20px}.site-header .container{height:68px}.logo-text{font-size:16px}.logo-mark{width:35px;height:35px}nav{gap:16px}nav a{font-size:12px;padding:24px 0}.hero{min-height:490px;padding:64px 24px 34px;background:linear-gradient(90deg,rgba(8,22,30,.95),rgba(8,22,30,.72)),url('/images/alicat-gas-flow-gas-mixer-gas-blending-system.jpg') center/cover}.hero:before{left:24px;top:28px}.hero h1{font-size:34px}.hero-sub{font-size:14px}.hero-stats{gap:0}.hero-stats div{min-width:0;flex:1;margin-right:14px;padding-right:14px}.hero-stats strong{font-size:18px}.chips{grid-template-columns:1fr 1fr}.chip{font-size:12px;padding:11px}.group{padding:20px 14px}.group-head{flex-wrap:wrap}.group-more{width:100%;margin-left:46px}.card-grid{grid-template-columns:1fr}.card-img{height:220px}.page-head h1{font-size:29px}.cat-grid{grid-template-columns:1fr}.product-detail,.about-wrap{padding:22px 18px}.pd-header h1{font-size:24px}.pd-img{min-height:280px}.contact-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.float-contact{right:14px;bottom:14px}}