:root{--navy:#071a31;--navy2:#0d2d50;--orange:#f47b20;--ink:#122033;--muted:#667385;--line:#dfe5eb;--bg:#f4f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:var(--navy);color:#fff;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:38px;height:38px;position:relative;display:block;transform:skew(-13deg)}.brand-mark i{position:absolute;width:13px;background:var(--orange);bottom:3px}.brand-mark i:first-child{height:32px;left:5px}.brand-mark i:last-child{height:22px;left:21px;background:#fff}.brand-name{font-size:20px;font-weight:700;letter-spacing:.04em}.nav{display:flex;height:100%;align-items:center;gap:52px}.nav a{height:100%;display:flex;align-items:center;position:relative;font-size:15px}.nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--orange);transition:.25s}.nav a:hover:after,.nav a.active:after{left:0;right:0}.menu-toggle{display:none;background:none;border:0}.hero{height:650px;position:relative;color:#fff;overflow:hidden;background:var(--navy)}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,25,.95) 0%,rgba(5,20,38,.7) 35%,rgba(6,24,45,.08) 75%)}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--orange)}.hero h1{font-size:58px;line-height:1.2;margin:24px 0 18px;letter-spacing:.02em}.hero p{font-size:19px;color:#dbe5ef;margin:0}.section{padding:100px 0}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.about-photo{position:relative}.about-photo:after{content:"";position:absolute;left:-14px;bottom:-14px;width:45%;height:52%;border-left:4px solid var(--orange);border-bottom:4px solid var(--orange);z-index:-1}.about-photo img{height:430px;width:100%;object-fit:cover}.about-copy h2,.section-head h2,.strength h2,.contact-panel h2{font-size:40px;line-height:1.25;margin:18px 0 28px}.about-copy>p{color:var(--muted);line-height:2;margin:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.facts div{display:flex;flex-direction:column}.facts strong{font-size:30px;color:var(--navy)}.facts sup{font-size:15px;color:var(--orange)}.facts span{font-size:13px;color:var(--muted);margin-top:8px}.product-feature,.products-page{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head>a{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.section-head b{color:var(--orange);margin-left:9px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{background:#fff;border:1px solid #e1e7ec;transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(7,26,49,.12)}.product-image{height:300px;overflow:hidden;background:#fff}.product-image img{width:100%;height:100%;object-fit:contain;transition:.5s}.product-card:hover img{transform:scale(1.04)}.product-meta{display:grid;grid-template-columns:48px 1fr 30px;gap:16px;align-items:center;padding:24px}.product-meta>span{font-size:12px;color:var(--orange);align-self:start}.product-meta h3{margin:0 0 8px;font-size:20px}.product-meta p{margin:0;color:var(--muted);font-size:13px}.product-meta>b{font-size:20px}.strength{background:linear-gradient(90deg,rgba(4,18,34,.97),rgba(8,34,60,.92)),url('../images/factory-workshop.png') center/cover;color:#fff;padding:80px 0}.strength-inner{display:flex;justify-content:space-between;align-items:center}.strength h2{margin-bottom:0}.strength-items{display:grid;grid-template-columns:repeat(4,120px);gap:12px}.strength-items div{border-left:1px solid rgba(255,255,255,.25);padding-left:24px;display:flex;flex-direction:column}.strength-items strong{font-size:28px;color:var(--orange);font-weight:400}.strength-items span{margin-top:10px;color:#d3deea}.page-hero{background:linear-gradient(110deg,rgba(3,16,31,.98),rgba(8,38,67,.91)),url('../images/factory-workshop.png') center 55%/cover;color:#fff;padding:86px 0}.page-hero h1{font-size:48px;margin:18px 0 12px}.page-hero p{color:#cbd7e3}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}.filter-bar button{border:1px solid var(--line);background:#fff;padding:12px 18px;color:#526173;cursor:pointer;font:inherit;font-size:13px;transition:.2s}.filter-bar button:hover,.filter-bar button.active{background:var(--orange);border-color:var(--orange);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-card{background:#fff;border:1px solid #e1e6eb;transition:.3s}.catalog-card.hidden{display:none}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(7,26,49,.11)}.catalog-image{height:280px;position:relative;overflow:hidden;background:#fff;cursor:zoom-in}.catalog-image img{width:100%;height:100%;object-fit:contain;padding:12px;transition:.45s}.catalog-image span{position:absolute;inset:auto 0 0;background:rgba(7,26,49,.88);color:#fff;text-align:center;padding:12px;transform:translateY(100%);transition:.3s;font-size:13px}.catalog-card:hover .catalog-image img{transform:scale(1.045)}.catalog-card:hover .catalog-image span{transform:none}.catalog-info{padding:22px}.catalog-info small{color:var(--orange);letter-spacing:.12em}.catalog-info h2{font-size:19px;margin:10px 0}.catalog-info p{color:var(--muted);font-size:13px;margin:0}.lightbox{position:fixed;inset:0;background:rgba(2,10,20,.92);z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column}.lightbox.open{display:flex}.lightbox img{max-width:min(1000px,90vw);max-height:78vh;background:#fff}.lightbox strong{color:#fff;margin-top:18px}.lightbox button{position:absolute;right:35px;top:25px;color:#fff;background:none;border:0;font-size:40px;cursor:pointer}.contact-page{background:var(--bg)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;box-shadow:0 18px 50px rgba(7,26,49,.09)}.contact-panel{padding:60px}.contact-panel h2{font-size:30px}.contact-panel>p{color:var(--muted);line-height:1.8}.contact-panel dl{margin:35px 0 0}.contact-panel dl div{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:100px 1fr}.contact-panel dt{font-weight:700}.contact-panel dd{margin:0;color:var(--muted);line-height:1.6}.map-card{min-height:580px;position:relative;overflow:hidden;background:#e7edf1}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(119,139,157,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(119,139,157,.18) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-8deg) scale(1.3)}.map-road{position:absolute;background:#fff;box-shadow:0 0 0 8px rgba(184,201,214,.45)}.road-a{width:130%;height:18px;top:43%;left:-15%;transform:rotate(-16deg)}.road-b{width:18px;height:130%;top:-15%;left:63%;transform:rotate(22deg)}.map-pin{position:absolute;top:43%;left:54%;display:flex;flex-direction:column;align-items:center}.map-pin i{width:36px;height:36px;border-radius:50% 50% 50% 0;background:var(--orange);transform:rotate(-45deg);border:6px solid #fff;box-shadow:0 5px 16px rgba(7,26,49,.25)}.map-pin span{margin-top:18px;background:var(--navy);color:#fff;padding:10px 16px;font-size:13px}.map-action{position:absolute;right:24px;bottom:24px;background:#fff;padding:14px 18px;font-size:13px;box-shadow:0 5px 20px rgba(7,26,49,.12)}.map-action b{color:var(--orange);margin-left:12px}.site-footer{background:var(--navy);color:#fff}.footer-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:55px;padding-bottom:55px}.footer-brand strong{font-size:21px}.footer-brand p{color:#8fa1b4;font-size:13px}.footer-contact{display:grid;gap:12px;color:#b8c5d2;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:#7f92a7;font-size:12px}.footer-bottom .container{display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.brand-name{font-size:15px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:12px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff}.nav{position:absolute;top:78px;left:0;right:0;height:auto;background:var(--navy);display:none;flex-direction:column;gap:0;align-items:stretch;padding:12px 24px}.nav.open{display:flex}.nav a{padding:16px 0}.hero{height:560px}.hero h1{font-size:42px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-photo img{height:330px}.strength-inner{display:block}.strength-items{margin-top:40px;grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr}.map-card{min-height:430px}}
@media(max-width:600px){.container{width:min(100% - 32px,1200px)}.site-header{height:68px}.nav{top:68px}.brand-mark{width:30px;height:30px}.hero{height:520px}.hero>img{object-position:62% center}.hero h1{font-size:34px}.hero p{font-size:15px;line-height:1.8}.section{padding:70px 0}.about-copy h2,.section-head h2,.strength h2{font-size:30px}.about-photo img{height:240px}.facts strong{font-size:22px}.feature-grid,.catalog-grid{grid-template-columns:1fr}.product-image,.catalog-image{height:250px}.section-head{align-items:flex-end}.section-head>a{font-size:12px}.strength-items{grid-template-columns:1fr 1fr}.page-hero{padding:62px 0}.page-hero h1{font-size:38px}.filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-bar button{flex:0 0 auto}.contact-panel{padding:32px 24px}.contact-panel h2{font-size:23px}.contact-panel dl div{grid-template-columns:1fr;gap:8px}.footer-bottom .container{gap:10px;flex-direction:column}}