:root{--ink:#171a1d;--muted:#687078;--line:#d9dde0;--accent:#f25a0b;--white:#fff;--pad:clamp(22px,5vw,76px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Arial Narrow","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;gap:40px;position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:17px;font-weight:900;letter-spacing:-1px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.brand strong{display:block;font-size:22px;letter-spacing:.04em}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.14em;margin-top:3px}.site-nav{display:flex;justify-content:center;gap:clamp(20px,3vw,48px);margin-left:auto}.site-nav a{font-size:14px;position:relative;padding:31px 0}.site-nav a:after{content:"";height:2px;background:var(--accent);position:absolute;left:0;right:100%;bottom:0;transition:.25s}.site-nav a:hover:after{right:0}.header-phone{font-weight:700;font-size:14px;border-left:1px solid var(--line);padding-left:30px}.menu-button{display:none;background:none;border:0;width:40px;height:40px;padding:9px}.menu-button span{display:block;height:2px;background:var(--ink);margin:7px 0}
.hero{height:calc(100svh - 84px);min-height:630px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('assets/images/hero-steel.png') center/cover no-repeat}.hero-content{position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-50%);width:min(610px,45vw)}h1,h2{margin:0;font-weight:900;letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(52px,5.7vw,92px)}.hero-content p{font-size:clamp(17px,1.45vw,22px);line-height:1.8;max-width:580px;margin:28px 0 34px}.actions{display:flex;gap:12px}.button{padding:16px 28px;font-weight:700;font-size:15px;border:1px solid var(--ink);transition:.25s}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:hover{transform:translateY(-2px)}.scroll-cue{position:absolute;right:var(--pad);bottom:26px;font-size:12px;letter-spacing:.1em}.scroll-cue span{color:var(--accent);font-size:18px;margin-left:8px}
.section{padding:clamp(90px,10vw,150px) var(--pad);opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.section.visible,.contact.visible{opacity:1;transform:none}.section-index{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 24px}.section h2,.contact h2{font-size:clamp(39px,4.4vw,68px)}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;margin-bottom:58px}.section-intro .section-index{grid-column:1/-1;margin-bottom:-20px}.section-intro>p:last-child{align-self:end;line-height:1.8;color:var(--muted);max-width:460px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.product-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.3s}.product-image{aspect-ratio:4/3;overflow:hidden;background:#e9ebec}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.product-card:hover .product-image img{transform:scale(1.035)}.product-card-copy{min-height:128px;padding:20px;display:grid;grid-template-columns:28px 1fr auto;gap:12px}.product-card-copy>span,.product-card-copy b{color:var(--accent);font-size:11px}.product-card-copy b{font-weight:400}.product-card-copy strong{display:block;font-size:18px;line-height:1.4}.product-card-copy small{display:block;color:var(--muted);margin-top:8px}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(44px,7vw,110px);align-items:center;background:#f2f3f3}.about-image img{width:100%;aspect-ratio:1.18;object-fit:cover}.about-copy>div p{color:#50575d;line-height:1.9;margin:22px 0}.text-link{display:inline-flex;gap:50px;margin-top:22px;padding-bottom:9px;border-bottom:2px solid var(--accent);font-weight:700}.service-strip{padding-top:50px;padding-bottom:50px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--accent);color:white}.service-strip p{margin:0;text-align:center;font-weight:800;font-size:clamp(18px,2vw,28px);border-right:1px solid rgba(255,255,255,.4)}.service-strip p:last-child{border:0}
.news{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,130px)}.news-heading>p:last-child{color:var(--muted);line-height:1.8;max-width:300px}.news-list{border-top:1px solid var(--ink)}.news-list article{display:grid;grid-template-columns:100px 1fr auto;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.news-list article>span{font-size:12px;color:var(--muted);padding-top:4px}.news-list h3{font-size:20px;margin:0 0 11px}.news-list p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.news-list a{font-weight:700;color:var(--accent);font-size:12px}
.contact{padding:clamp(80px,9vw,130px) var(--pad);background:var(--ink);color:#fff;display:grid;grid-template-columns:.75fr 1.15fr .7fr;gap:clamp(36px,5vw,76px);align-items:center;opacity:0;transform:translateY(24px);transition:.8s var(--ease)}.contact-title>p:last-child{color:#a5abb0;line-height:1.8;max-width:400px}.contact-details>*{display:grid;grid-template-columns:72px 1fr auto;width:100%;align-items:center;text-align:left;background:transparent;color:#fff;border:0;border-bottom:1px solid #3d4247;padding:22px 0}.contact-details span{font-size:12px;color:#959ca2}.contact-details strong{font-size:clamp(17px,1.7vw,24px)}.contact-side{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:24px;align-items:center}.wechat-qr img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 58%;background:#fff}.wechat-qr span{display:block;margin-top:10px;color:#d6d9db;font-size:12px;text-align:center}.yard-list{border-left:1px solid #3d4247;padding-left:24px;display:flex;flex-direction:column;gap:12px}.yard-list strong{color:var(--accent);font-size:12px;letter-spacing:.12em}.yard-list span{font-size:13px;color:#d6d9db}.footer{min-height:130px;padding:35px var(--pad);display:flex;align-items:center;gap:55px;border-top:1px solid var(--line)}.footer p{color:var(--muted);font-size:12px}.footer p:last-child{margin-left:auto}
@media(max-width:900px){.site-header{height:68px}.header-phone{display:none}.menu-button{display:block;margin-left:auto}.site-nav{position:fixed;inset:68px 0 auto 0;background:#fff;display:flex;flex-direction:column;gap:0;padding:18px var(--pad) 28px;transform:translateY(-130%);transition:.35s var(--ease);z-index:-1;border-bottom:1px solid var(--line)}.site-nav a{font-size:22px;padding:17px 0;border-bottom:1px solid var(--line)}.menu-open .site-nav{transform:none}.hero{height:calc(100svh - 68px);min-height:650px}.hero-media{background-position:59% center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 40%,rgba(255,255,255,0) 83%)}.hero-content{width:75vw}.product-stage,.about,.news{grid-template-columns:1fr}.product-stage{min-height:0}.product-stage>img{aspect-ratio:16/10}.about-image{order:2}.section-intro{grid-template-columns:1fr}.contact{grid-template-columns:1fr 1fr}.contact-title{grid-column:1/-1}.qr-wrap{max-width:180px}.footer{flex-wrap:wrap;gap:20px}.footer p:last-child{margin-left:0;width:100%}}
@media(max-width:600px){.brand-mark{width:36px;height:36px}.brand strong{font-size:19px}.hero{min-height:620px}.hero-media{background-position:65% center}.hero-media:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 56%,rgba(255,255,255,.18) 100%)}.hero-content{width:calc(100% - 44px);top:44%}h1{font-size:47px}.hero-content p{font-size:15px;max-width:92%}.button{padding:14px 21px}.scroll-cue{left:22px;right:auto}.section{padding-top:78px;padding-bottom:78px}.section-intro{margin-bottom:34px}.section-intro h2{font-size:39px}.product-stage>img{aspect-ratio:1.2}.product-list{padding:10px 20px}.product-list a{min-height:82px}.product-list strong{font-size:18px}.about{gap:45px}.service-strip{grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0}.service-strip p{padding:22px 8px;border-bottom:1px solid rgba(255,255,255,.4);font-size:18px}.news{gap:40px}.news-list article{grid-template-columns:1fr auto;gap:10px 18px}.news-list article>span{grid-column:1/-1}.news-list p{display:none}.contact{grid-template-columns:1fr}.contact-title{grid-column:auto}.contact-details>*{grid-template-columns:52px 1fr auto}.qr-wrap{width:150px}.footer{align-items:flex-start;flex-direction:column}.footer-brand{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.floating-panel{position:absolute;top:calc(100% + 8px);right:0;width:250px}.floating-contact.open-up .floating-panel{top:auto;bottom:calc(100% + 8px)}
.floating-contact{position:fixed;right:22px;bottom:22px;width:250px;z-index:40;filter:drop-shadow(0 16px 28px rgba(0,0,0,.2));transition:width .3s var(--ease)}.floating-toggle{width:100%;height:47px;padding:0 16px;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:grab;touch-action:none;user-select:none}.floating-toggle:active,.floating-contact.dragging .floating-toggle{cursor:grabbing}.floating-toggle b{font-size:22px;font-weight:400}.floating-icon{display:none;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-panel{background:#fff;color:var(--ink);padding:17px;max-height:520px;overflow:hidden;transition:max-height .35s var(--ease),padding .35s var(--ease),opacity .25s}.floating-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--line)}.floating-heading strong{font-size:17px}.floating-heading small{font-size:10px;color:var(--muted)}.floating-panel>a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}.floating-panel>a span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.floating-panel>a strong{font-size:18px}.floating-qr{padding-top:14px;text-align:center}.floating-qr img{display:block;width:100%;aspect-ratio:1.04;object-fit:cover;object-position:center 58%}.floating-qr span{display:block;margin-top:8px;font-size:11px;color:var(--muted)}.floating-contact.collapsed{width:58px}.floating-contact.collapsed .floating-panel{max-height:0;padding:0;opacity:0}.floating-contact.collapsed .floating-toggle{width:58px;height:58px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 10px 26px rgba(0,0,0,.24)}.floating-contact.collapsed .floating-icon{display:block}.floating-contact.collapsed .floating-label,.floating-contact.collapsed .floating-toggle b{display:none}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.contact-side{grid-column:1/-1;grid-template-columns:160px 1fr}.yard-list{padding-left:24px}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr}.product-card-copy{min-height:105px}.contact-side{grid-template-columns:130px 1fr}.yard-list{padding-left:20px}.floating-contact{right:12px;bottom:12px;width:min(250px,calc(100vw - 24px))}.floating-contact.collapsed{width:54px}.floating-contact.collapsed .floating-toggle{width:54px;height:54px}.floating-panel{padding:14px}.floating-qr img{max-height:210px}}
.hero-media{background-image:url('assets/images/hero-steel.webp')}