:root{--ink:#102636;--muted:#62717c;--blue:#0b5f8a;--blue-dark:#073b57;--blue-soft:#eaf5fa;--orange:#e67e22;--line:#dbe4e9;--surface:#f4f7f9;--white:#fff;--shadow:0 18px 48px rgba(16,38,54,.12);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16}h1{font-size:clamp(2.45rem,5vw,4.75rem)}h2{font-size:clamp(1.85rem,3vw,2.85rem)}h3{font-size:1.18rem}.container{margin-inline:auto;width:min(1180px,calc(100% - 40px))}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.topbar{background:#071d2b;color:#bcd0dc;font-size:.78rem}.topbar-inner{display:flex;gap:24px;justify-content:space-between;padding-block:8px}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{align-items:center;display:flex;gap:28px;min-height:78px}.brand-logo{flex:0 0 170px}.brand-logo img{max-height:58px;-o-object-fit:contain;object-fit:contain;width:168px}.menu{align-items:center;display:flex;gap:22px;justify-content:center;margin-left:auto}.menu a{color:#334d5d;font-size:.91rem;font-weight:650;padding:27px 0;position:relative;white-space:nowrap}.menu a:after{background:var(--orange);bottom:18px;content:"";height:2px;left:50%;position:absolute;right:50%;transition:.25s ease}.menu a.active,.menu a:hover{color:var(--blue)}.menu a.active:after,.menu a:hover:after{left:0;right:0}.menu-toggle{background:none;border:0;display:none;padding:8px}.menu-toggle span{background:var(--ink);display:block;height:2px;margin:5px;width:25px}.btn{align-items:center;border:1px solid transparent;border-radius:5px;display:inline-flex;font-weight:750;justify-content:center;letter-spacing:.01em;min-height:46px;padding:0 22px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);box-shadow:0 10px 26px #e67e2240;color:#fff}.btn-primary:hover{background:#cf6d17}.btn-secondary{background:#fff;border-color:var(--blue);color:var(--blue)}.btn-ghost{background:#ffffff14;border-color:#fff9;color:#fff}.eyebrow{color:var(--orange);display:inline-block;font-size:.76rem;font-weight:850;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.hero{background:#092b40;color:#fff;min-height:650px;overflow:hidden;position:relative}.hero-slide{background-position:50%;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1.04);transition:opacity .8s ease,transform 6s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-inner{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1fr) 330px;min-height:650px;position:relative;z-index:2}.hero-copy{max-width:720px}.hero-copy h1{color:#fff;margin-bottom:22px}.hero-copy p{color:#d5e4eb;font-size:1.12rem;max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-dots{display:flex;gap:8px;margin-top:35px}.hero-dots button{background:#ffffff61;border:0;height:4px;padding:0;width:28px}.hero-dots button.active{background:var(--orange)}.hero-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041926bf;border:1px solid hsla(0,0%,100%,.18);box-shadow:var(--shadow);padding:24px}.hero-panel>div{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.14);display:grid;gap:14px;grid-template-columns:50px 1fr;padding:16px 0}.hero-panel>div:last-child{border:0}.hero-panel strong{border:1px solid hsla(0,0%,100%,.3);color:var(--orange);display:grid;height:44px;place-items:center;width:44px}.hero-panel span{color:#e5eff4;font-weight:650}.page-hero{background:linear-gradient(120deg,#06273afa,#0b5f8ad4),url(https://api.wuyoustudio.com/thumbnail/qilijie/site/hero-precision-components.png) 50%/cover;color:#fff;padding:95px 0 85px}.page-hero h1{font-size:clamp(2.4rem,4.7vw,4rem);margin-bottom:18px;max-width:850px}.page-hero p{color:#d9e8ef;font-size:1.08rem;margin:0;max-width:800px}.trust-wrap{background:#fff;border-bottom:1px solid var(--line);margin-top:-1px;position:relative;z-index:3}.trust{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{align-items:center;border-right:1px solid var(--line);display:flex;gap:15px;min-height:110px;padding:20px 26px}.trust-item:last-child{border:0}.trust-item>strong{color:var(--blue);font-size:1.25rem}.trust-item span{color:var(--muted);display:block;font-size:.72rem;font-weight:750;text-transform:uppercase}.trust-item p{font-size:.9rem;font-weight:700;margin:3px 0 0}.section{padding:92px 0}.section.products{background:var(--surface)}.section-head{margin:0 auto 44px;max-width:780px;text-align:center}.section-head p{color:var(--muted)}.section-head.light h2{color:#fff}.section-head.light p{color:#cadbe4}.section-action{margin-top:38px;text-align:center}.product-grid{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:#fff;border:1px solid var(--line);box-shadow:0 9px 25px #1026360f;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.product-media{aspect-ratio:1.25;background:#edf1f3;display:block;overflow:hidden}.product-media img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease;width:100%}.product-card:hover .product-media img{transform:scale(1.05)}.product-body{padding:23px}.product-body h3{margin:10px 0}.product-body p{color:var(--muted);font-size:.92rem;min-height:74px}.category-tag{color:var(--blue);font-size:.69rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.detail{color:var(--orange);font-weight:800}.split-grid{align-items:center;display:grid;gap:65px;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.split-photo{background:var(--surface);box-shadow:var(--shadow);min-height:410px;overflow:hidden}.split-photo img{height:100%;min-height:410px;-o-object-fit:cover;object-fit:cover;width:100%}.split-copy p{color:var(--muted)}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:30px 0}.metric{background:var(--surface);border-left:3px solid var(--orange);padding:18px 12px}.metric span,.metric strong{display:block}.metric strong{color:var(--blue);font-size:1.35rem}.metric span{color:var(--muted);font-size:.76rem}.dark-section{background:linear-gradient(120deg,#071f2f,#0a486a);color:#fff}.capability-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.capability-grid article{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.15);min-height:190px;padding:30px}.capability-grid p{color:#c9dce5;margin:0}.industry-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.industry-card{background:#112d3d;min-height:225px;overflow:hidden;position:relative}.industry-card:after{background:linear-gradient(transparent 30%,#041620e0);content:"";inset:0;position:absolute}.industry-card img{height:225px;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.industry-card:hover img{transform:scale(1.06)}.industry-card span{bottom:16px;color:#fff;font-weight:800}.industry-card span,.industry-card-copy{left:18px;position:absolute;right:18px;z-index:2}.industry-card-copy{bottom:15px}.industry-card-copy span{display:block;position:static}.industry-card-copy p{color:#d9e8ef;font-size:.82rem;line-height:1.45;margin:8px 0 0}.quality-split{align-items:center;display:grid;gap:70px;grid-template-columns:1fr 1fr}.quality-split p{color:var(--muted)}.quality-split ul{background:#fff;box-shadow:var(--shadow);margin:0;padding:28px 35px 28px 55px}.quality-split li{margin:11px 0}.info-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.info-box{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #1026360d;padding:30px}.info-box h2{font-size:1.35rem}.info-box h3{font-size:1.25rem}.info-box li,.info-box p{color:var(--muted)}.info-box ul{margin:15px 0 0;padding-left:20px}.info-box li{margin:7px 0}.process-grid{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.process-grid article{background:#fff;border-top:3px solid var(--blue);box-shadow:0 8px 22px #1026360f;min-height:190px;padding:24px 18px;position:relative}.process-grid article>span{color:#a9c4d2;font-size:1.45rem;font-weight:900}.process-grid article p{color:var(--muted);font-size:.85rem;margin:0}.cta-section{background:linear-gradient(110deg,#0b5f8a,#073b57);color:#fff;padding:65px 0}.cta-inner{align-items:center;display:flex;gap:35px;justify-content:space-between}.cta-inner h2{margin-bottom:8px}.cta-inner p{color:#d5e6ee;margin:0}.product-layout{align-items:start;display:grid;gap:42px;grid-template-columns:270px minmax(0,1fr)}.category-sidebar{background:var(--surface);border:1px solid var(--line);padding:25px;position:sticky;top:105px}.category-sidebar h2{font-size:1.25rem}.category-sidebar button{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--muted);display:block;padding:13px 10px;text-align:left;width:100%}.category-sidebar button.active,.category-sidebar button:hover{background:var(--blue);color:#fff;padding-left:16px}.product-toolbar{align-items:end;display:flex;gap:25px;justify-content:space-between;margin-bottom:28px}.product-toolbar h2{font-size:2rem;margin:0}.product-toolbar input{border:1px solid var(--line);min-height:44px;padding:0 14px;width:min(270px,100%)}.product-panel .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.state-message{background:var(--surface);color:var(--muted);padding:55px;text-align:center}.detail-section{background:linear-gradient(#f6f9fa,#fff)}.detail-layout{align-items:center;display:grid;gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail-image{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.detail-image img{aspect-ratio:1.12;-o-object-fit:contain;object-fit:contain;width:100%}.detail-panel>p{color:var(--muted);font-size:1.04rem}.detail-panel h1{font-size:clamp(2.1rem,4vw,3.6rem);margin:8px 0 18px}.spec-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:26px}.spec{background:var(--surface);border-left:3px solid var(--blue);padding:16px}.spec span,.spec strong{display:block}.spec span{color:var(--muted);font-size:.72rem;margin-bottom:5px;text-transform:uppercase}.spec strong{font-size:.88rem}.product-content{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-content-group{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #1026360d;min-height:170px;padding:28px}.product-content-group h2{font-size:1.35rem;margin-bottom:16px}.product-content-group ul{margin:0;padding-left:20px}.product-content-group li{color:var(--muted);margin:8px 0}.contact-grid{align-items:start;display:grid;gap:50px;grid-template-columns:.9fr 1.1fr}.contact-panel,.inquiry-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:36px}.contact-panel dl>div{border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:90px 1fr;padding:14px 0}.contact-panel dt{color:var(--muted);font-size:.8rem;font-weight:750;text-transform:uppercase}.contact-panel dd{font-weight:650;margin:0}.contact-checklist{background:var(--surface);margin-top:30px;padding:24px}.contact-checklist h3{margin-bottom:10px}.contact-checklist ul{margin:0;padding-left:20px}.inquiry-form{display:grid;gap:16px}.inquiry-form label{color:#405664;font-size:.82rem;font-weight:750}.inquiry-form input,.inquiry-form textarea{background:#fbfcfd;border:1px solid var(--line);display:block;margin-top:6px;padding:12px 14px;width:100%}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--blue);outline:2px solid rgba(11,95,138,.18)}.inquiry-form button{justify-self:start}.form-error{color:#b42318}.success-state{align-content:center;min-height:330px}.footer{background:#061b28;color:#b9cad4;padding-top:68px}.footer-grid{display:grid;gap:45px;grid-template-columns:1.35fr .8fr 1.2fr 1.1fr}.footer h3{color:#fff;font-size:1rem}.footer section>a{display:block;font-size:.87rem;margin:8px 0}.footer section>a:hover{color:var(--orange)}.footer section p{font-size:.88rem}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);font-size:.8rem;margin-top:45px;padding:20px 0;text-align:center}.error-page{display:grid;justify-items:start;min-height:58vh;padding-block:80px;place-content:center}@media(max-width:1080px){.header-cta{display:none}.menu{gap:15px}.product-grid,.product-panel .product-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.topbar{display:none}.nav{min-height:70px}.brand-logo{flex-basis:145px}.brand-logo img{width:145px}.menu-toggle{display:block;margin-left:auto}.menu{align-items:stretch;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;gap:0;left:0;padding:12px 20px 22px;position:absolute;right:0;top:70px}.menu.open{display:grid}.menu a{border-bottom:1px solid var(--line);padding:12px 5px}.menu a:after{display:none}.hero,.hero-inner{min-height:610px}.hero-inner{gap:25px;grid-template-columns:1fr;padding-block:70px}.hero-panel{display:grid;grid-template-columns:1fr 1fr}.hero-panel>div{border-bottom:0}.trust{grid-template-columns:1fr 1fr}.trust-item{border-bottom:1px solid var(--line)}.section{padding:70px 0}.contact-grid,.detail-layout,.quality-split,.split-grid{grid-template-columns:1fr}.split-photo,.split-photo img{min-height:320px}.capability-grid,.industry-grid,.info-grid,.product-content{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.category-sidebar{position:static}.category-sidebar button{border:1px solid var(--line);display:inline-block;margin:3px;width:auto}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}h1{font-size:2.4rem}h2{font-size:1.8rem}.hero-copy p{font-size:.98rem}.hero-panel{display:none}.hero,.hero-inner{min-height:550px}.hero-actions .btn{width:100%}.page-hero{padding:70px 0}.trust{grid-template-columns:1fr}.trust-item{border-right:0;min-height:84px}.capability-grid,.footer-grid,.industry-grid,.info-grid,.process-grid,.product-grid,.product-panel .product-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.product-toolbar{align-items:stretch;flex-direction:column}.product-toolbar input{width:100%}.product-content,.spec-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.contact-panel,.inquiry-form{padding:24px}}