:root{--navy:#0a1628;--blue:#075fb8;--sky:#eaf4ff;--text:#1f2937;--muted:#5f6b7a;--line:#dce4ee;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.75;background:#fff}a{color:var(--blue)}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}.site-head{background:var(--navy);color:#fff}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:#fff;text-decoration:none;font-weight:800}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{color:#d9e5f3;text-decoration:none;font-size:14px}.seo-lang-switch{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:7px}.seo-lang-switch a{padding:3px 7px;color:#bdcce0;border-radius:4px;font-size:12px;font-weight:700;text-decoration:none;line-height:1.5}.seo-lang-switch a:hover{color:#fff;background:rgba(255,255,255,.12)}.seo-lang-switch a[aria-current="page"]{color:#071426;background:#fff}.hero{padding:72px 0 58px;background:linear-gradient(135deg,#071426,#0b315d);color:#fff}.crumb{font-size:13px;color:#8fbce9;margin-bottom:18px}.crumb a{color:#b9dafa}.eyebrow{font-size:13px;letter-spacing:.08em;color:#73bdff;font-weight:700;text-transform:uppercase}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin:12px 0 18px}.lead{font-size:18px;color:#d9e6f4;max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:11px 18px;border-radius:7px;text-decoration:none;font-weight:700}.btn-primary{background:#2c9cff;color:#071426}.btn-light{border:1px solid #6886a6;color:#fff}.section{padding:54px 0}.section.alt{background:#f6f9fc}h2{font-size:28px;line-height:1.3;color:var(--navy);margin:0 0 18px}h3{color:var(--navy);margin-top:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}.card h3{margin-top:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{background:var(--sky);border-radius:10px;padding:16px}.note{border-left:4px solid var(--blue);background:#f1f7fd;padding:16px 18px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:700;color:var(--navy);cursor:pointer}.cta{background:#082745;color:#fff;border-radius:14px;padding:30px}.cta h2{color:#fff}.footer{background:#071426;color:#9fb0c3;padding:30px 0;font-size:13px}.footer a{color:#c9def3}.contact-list{padding:0;list-style:none}.contact-list li{margin:9px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#eef5fb;color:var(--navy)}
@media(max-width:760px){.grid,.facts{grid-template-columns:1fr}.nav{align-items:center;flex-wrap:wrap;padding:12px 0;gap:12px}.nav-links{order:3;width:100%;justify-content:flex-start;gap:14px}.seo-lang-switch{margin-left:auto}.hero{padding:50px 0 42px}.section{padding:40px 0}.table{font-size:14px}}

/* Filtration and filling system solution */
.system-page{--process-cyan:#55d8ff;--process-blue:#1686d9;--process-ink:#071827;--process-panel:#0c263b;--process-mint:#83efd0}.system-page :focus-visible{outline:3px solid var(--process-cyan);outline-offset:3px}.system-hero{position:relative;overflow:hidden;padding:78px 0 66px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(85,216,255,.18),transparent 28%),linear-gradient(125deg,#06131f 0%,#092238 58%,#0b3450 100%)}.system-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(85,216,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(85,216,255,.16) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 25%,#000 75%)}.system-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:56px;align-items:center}.system-hero h1{max-width:780px}.system-hero h1 span{color:var(--process-cyan)}.system-hero .lead{max-width:780px}.hero-brief{border:1px solid rgba(131,239,208,.32);background:rgba(4,20,32,.66);backdrop-filter:blur(10px);padding:26px;border-radius:4px;box-shadow:14px 14px 0 rgba(85,216,255,.07)}.hero-brief-label,.scope-tag{font:700 11px/1.3 Inter,sans-serif;letter-spacing:.16em;color:var(--process-mint)}.hero-brief strong{display:block;margin:12px 0 10px;font-size:20px;line-height:1.45}.hero-brief p{color:#b9cada;font-size:14px}.brief-list{list-style:none;margin:18px 0 0;padding:0}.brief-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#dae7f1}.brief-list span{color:var(--process-cyan);font:700 11px/1.8 Inter,sans-serif}.flow-section{padding:48px 0 56px;background:var(--process-ink);color:#fff}.flow-section h2,.deliverable-section h2,.final-cta h2{color:#fff}.section-heading-row{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:26px}.section-heading-row h2{margin-bottom:0}.section-heading-row>p{max-width:450px;color:var(--muted);margin:0}.flow-section .section-heading-row>p{color:#a8bbcb}.system-flow{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:34px 0 22px;padding:0}.flow-node{position:relative;min-height:142px;padding:22px 18px 18px;border:1px solid rgba(85,216,255,.28);background:#0b2133}.flow-node:not(:last-child){border-right:0}.flow-node:not(:last-child):after{content:"";position:absolute;z-index:2;right:-7px;top:50%;width:12px;height:12px;border-top:2px solid var(--process-cyan);border-right:2px solid var(--process-cyan);transform:translateY(-50%) rotate(45deg)}.flow-node-key{background:linear-gradient(145deg,#0c3651,#0c4358);box-shadow:inset 0 3px 0 var(--process-mint)}.flow-index{display:block;color:var(--process-cyan);font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;margin-bottom:26px}.flow-node strong{display:block;font-size:17px}.flow-node small{display:block;margin-top:9px;color:#9eb3c3;line-height:1.55}.flow-utilities{display:flex;flex-wrap:wrap;gap:8px}.flow-utilities span{padding:6px 10px;border:1px solid rgba(255,255,255,.13);color:#a9bbc9;font-size:12px;background:rgba(255,255,255,.03)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scope-card{position:relative;padding:26px;border:1px solid var(--line);background:#fff;border-radius:4px}.scope-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:48px;background:var(--process-blue)}.scope-card-accent{color:#e5f2f8;background:var(--process-panel);border-color:var(--process-panel)}.scope-card h3{margin:14px 0 10px}.scope-card-accent h3{color:#fff}.scope-card p{color:var(--muted)}.scope-card-accent p,.scope-card-accent li{color:#bdceda}.scope-card ul{margin:20px 0 0;padding-left:20px}.scope-card li{margin:7px 0}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:26px 0}.application-grid article{background:#fff;padding:24px}.application-grid h3{margin:16px 0 8px}.application-grid p{color:var(--muted);margin:0;font-size:14px}.material-code{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #b8d9ed;color:var(--process-blue);background:#f0f8fc;font:800 13px/1 Inter,sans-serif}.knowledge-section{background:linear-gradient(180deg,#fff,#f7fbfd)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.knowledge-grid article{position:relative;background:#fff;padding:24px 24px 26px}.knowledge-grid h3{margin:14px 0 9px}.knowledge-grid p{margin:0;color:var(--muted);font-size:14px}.knowledge-mark{display:inline-block;color:var(--process-blue);font:800 12px/1 Inter,sans-serif;border-bottom:2px solid var(--process-cyan);padding-bottom:6px}.table-scroll{overflow-x:auto}.input-table{min-width:820px;background:#fff}.input-table td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}.input-cta{display:flex;gap:16px;align-items:center;margin-top:18px;padding:16px 18px;color:#14344b;background:#e7f6fb;border-left:4px solid var(--process-blue)}.input-cta span{color:#486477}.project-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-steps span{color:var(--process-blue);font:800 11px/1.8 Inter,sans-serif}.project-steps strong{color:var(--navy)}.project-steps p{margin:7px 0 0;color:var(--muted);font-size:14px}.deliverable-section{color:#fff;background:var(--process-panel)}.deliverable-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}.deliverable-layout p{color:#b5c6d2}.text-link{color:var(--process-cyan);font-weight:700;text-decoration:none}.deliverable-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.deliverable-grid span{padding:18px;background:#0b2133;color:#d9e8f1}.final-cta-section{padding-top:0;background:#fff}.final-cta{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:38px;background:linear-gradient(125deg,#071827,#0d3a55);color:#fff;border-radius:4px}.final-cta p{color:#bfd0dc}.final-cta-actions{display:flex;flex-direction:column;gap:10px}.system-page .footer{border-top:1px solid rgba(255,255,255,.08)}

/* System page information architecture and case references */
.system-choice{background:#fff;border-bottom:1px solid var(--line)}
.choice-layout{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;align-items:stretch}
.choice-intro{padding:30px 28px 30px 0}
.choice-intro h2{font-size:23px;margin:5px 0 8px}
.choice-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.choice-card{display:flex;flex-direction:column;justify-content:center;min-height:176px;padding:25px;border-left:1px solid var(--line);color:var(--navy);text-decoration:none;transition:background .18s,transform .18s}
.choice-card:hover{background:#f2f8fc;transform:translateY(-2px)}
.choice-card span{color:var(--process-blue);font:800 10px/1.2 Inter,sans-serif;letter-spacing:.12em}
.choice-card strong{font-size:18px;margin:12px 0 5px}
.choice-card small{color:var(--muted);font-size:12px;line-height:1.55}
.choice-card b{margin-top:14px;color:var(--process-blue);font-size:12px}
.choice-card-accent{color:#fff;background:var(--process-panel);border-left-color:var(--process-panel)}
.choice-card-accent:hover{background:#10334c}
.choice-card-accent small{color:#bbcedb}
.choice-card-accent b{color:var(--process-cyan)}
.case-section{background:#eef4f8}
.case-heading{margin-bottom:34px}
.system-case{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:500px;margin-bottom:26px;background:#fff;border:1px solid #d6e0e8;box-shadow:0 18px 48px rgba(7,24,39,.08)}
.system-case-reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.system-case-reverse .case-photo{order:2}
.case-photo{position:relative;min-height:500px;margin:0;overflow:hidden;background:#cfd9df}
.case-photo:after{content:"第三方行业实拍";position:absolute;z-index:2;left:18px;top:18px;padding:7px 10px;color:#fff;background:rgba(7,24,39,.82);font:800 10px/1 Inter,sans-serif;letter-spacing:.1em}
.case-photo img{width:100%;height:100%;object-fit:cover;display:block}
.case-photo-pair{position:absolute;inset:0;display:grid;grid-template-rows:1fr 1fr;background:#e8edf0}
.case-photo-pair img{min-width:0;min-height:0}
.case-photo-pair img:first-child{object-fit:contain;background:#f5f3ed}
.case-photo-pair img+img{border-top:3px solid #fff}
.case-photo figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px 18px 13px;color:#e8f2f8;background:linear-gradient(transparent,rgba(4,17,28,.94) 38%);font-size:11px;line-height:1.5}
.case-photo figcaption a{color:var(--process-cyan)}
.case-body{display:flex;flex-direction:column;justify-content:center;padding:38px}
.case-index{color:var(--process-blue);font:800 11px/1.2 Inter,sans-serif;letter-spacing:.14em}
.case-body h3{margin:14px 0 12px;font-size:25px;line-height:1.35}
.case-summary{margin:0 0 20px;color:var(--muted);font-size:14px}
.case-facts{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}
.case-facts div{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.case-facts dt{color:var(--navy);font-size:12px;font-weight:800}
.case-facts dd{margin:0;color:#536575;font-size:12px;line-height:1.6}
.case-action{align-self:flex-start;margin-top:22px;color:var(--process-blue);font-size:13px;font-weight:800;text-decoration:none}
.case-disclosure{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:19px 22px;color:#2d485a;background:#dceaf2;border-left:4px solid var(--process-blue)}
.case-disclosure strong{color:var(--navy)}
.case-disclosure p{margin:0;font-size:12px;line-height:1.7}
@media(max-width:900px){.system-hero-layout,.deliverable-layout,.final-cta{grid-template-columns:1fr}.choice-layout{grid-template-columns:1fr 1fr}.choice-intro{grid-column:1/-1;padding:25px 0}.choice-intro+.choice-card{border-left:0}.system-case,.system-case-reverse{grid-template-columns:1fr}.system-case-reverse .case-photo{order:0}.case-photo{min-height:360px}.scope-grid{grid-template-columns:1fr}.application-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid,.project-steps{grid-template-columns:repeat(2,1fr)}.system-flow{grid-template-columns:1fr}.flow-node:not(:last-child){border-right:1px solid rgba(85,216,255,.28);border-bottom:0}.flow-node:not(:last-child):after{right:50%;top:auto;bottom:-7px;transform:translateX(50%) rotate(135deg)}.flow-node{min-height:auto}.flow-index{margin-bottom:12px}}
@media(max-width:620px){.system-hero{padding:54px 0 46px}.system-hero-layout{gap:34px}.choice-layout{grid-template-columns:1fr}.choice-card{min-height:145px;border-left:0;border-top:1px solid var(--line)}.section-heading-row{display:block}.section-heading-row>p{margin-top:12px}.case-photo{min-height:280px}.case-body{padding:26px 22px}.case-body h3{font-size:21px}.case-facts div{grid-template-columns:70px 1fr}.case-disclosure{grid-template-columns:1fr;gap:6px}.application-grid,.knowledge-grid,.project-steps,.deliverable-grid{grid-template-columns:1fr}.input-cta{align-items:flex-start;flex-direction:column}.final-cta{padding:26px 22px}.hero-brief{box-shadow:8px 8px 0 rgba(85,216,255,.07)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}