:root{--orange:#f36b16;--ink:#202020}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#242424;color:#fff;font-family:'Microsoft YaHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1280px)/2));background:#1c1c1cf5;border-bottom:2px solid var(--orange)}.brand{font-size:30px;font-weight:800;color:var(--orange);white-space:nowrap}.brand span{display:block;font-size:11px;font-weight:400;color:#ddd;letter-spacing:1px}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a:hover,nav a:focus{color:var(--orange)}button[data-video],footer a{background:var(--orange);border:0;color:#fff;padding:10px 16px;border-radius:3px}#menu{display:none}.design{max-width:1440px;margin:auto}.slice{position:relative}.slice>img{width:100%;display:block}.hotspot{position:absolute;border:0;background:transparent;color:transparent;cursor:pointer}.hotspot:focus-visible{outline:3px solid #ffae54;background:#ff6b1620}.slider{position:relative;overflow:hidden;background:#191919}.slider-track{display:flex;transition:transform .65s ease}.slide{flex:0 0 100%;min-width:0}.slide img{width:100%;display:block}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0007;color:white;border:1px solid #ffffff50;border-radius:50%;width:38px;height:38px;font-size:24px}.prev{left:16px}.next{right:16px}.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dots button{border:0;border-radius:20px;width:9px;height:9px;background:#ffffff80;padding:0}.dots button.active{background:var(--orange);width:24px}.section-title{text-align:center;padding:42px 20px 24px;margin:0;font-size:26px}.section-title:after{content:'';display:block;width:42px;height:3px;margin:14px auto 0;background:var(--orange)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1280px;margin:auto;padding:0 24px 48px}.product-card{background:#fff;color:#222;overflow:hidden;border-bottom:3px solid var(--orange)}.product-card img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:top;transition:transform .35s}.product-card:hover img{transform:scale(1.035)}.product-card h3,.product-card p{padding:0 16px}.product-card p{color:#e65a0b;font-size:13px}.strip{overflow:hidden;margin:0 auto 32px;max-width:1280px}.strip-track{display:flex;width:max-content;animation:roll 38s linear infinite}.strip:hover .strip-track,.strip:focus-within .strip-track{animation-play-state:paused}.strip img{height:230px;width:auto;display:block}.detail{max-width:900px;background:white;margin:auto;color:#222}.detail-head{padding:24px}.detail-head a{color:#d95a09;font-size:14px}.detail h1{font-size:26px}.detail img{width:100%;display:block}.detail-links{display:flex;gap:12px;flex-wrap:wrap;padding:24px}.detail-links a{border:1px solid #ddd;padding:10px;font-size:13px}footer{padding:40px 24px;text-align:center;background:#161616;font-size:14px}footer strong{font-size:20px}footer a,footer button{display:inline-block;margin:10px}#top{position:fixed;right:20px;bottom:24px;border:0;border-radius:50%;width:44px;height:44px;background:var(--orange);color:#fff;font-size:24px;z-index:15}dialog{border:0;border-radius:8px;background:#191919;color:#fff;padding:24px;width:min(960px,94vw)}dialog::backdrop{background:#000c}dialog h2{font-size:18px;margin:0 40px 20px 0}dialog video{width:100%;max-height:75vh;background:#000}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:white;font-size:32px}@keyframes roll{to{transform:translateX(-50%)}}@media(max-width:900px){header{padding:12px 16px}.brand{font-size:25px}#menu{display:block;background:none;color:#fff;border:0;font-size:24px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#202020;flex-wrap:wrap}nav.open{display:flex}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 28px}.product-card h3{font-size:16px}.strip img{height:155px}.section-title{font-size:22px;padding-top:28px}.arrow{width:30px;height:30px;font-size:20px}.detail-head{padding:16px}.detail h1{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Preserve the artwork beneath clickable video regions. */
.slice > button.hotspot[data-video]{background:transparent;border:0;padding:0;border-radius:0;}


#about > button.hotspot[data-video]{left:18.95%!important;top:68.45%!important;width:41.65%!important;height:27.5%!important;background:#222 url('assets/company-video-cover.jpg') center 57% / cover no-repeat;}
#about > button.hotspot[data-video]::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14%;aspect-ratio:1;border:2px solid white;border-radius:50%;background:#0003;}
#about > button.hotspot[data-video]::after{content:'';position:absolute;left:50.6%;top:50%;transform:translate(-50%,-50%);width:4.5%;height:10%;background:white;clip-path:polygon(0 0,100% 50%,0 100%);}


.product-card img[src*='vertical-product-photo']{object-position:center 64%;}


.product-card img[src*='vertical-metal-photo']{object-position:center center;}


.product-card img[src*='automatic-product-photo']{object-position:center 50%;}


.product-card img[src*='horizontal-product-photo']{object-position:center 64%;}


header{display:grid;grid-template-columns:130px minmax(220px,1fr) 84px;gap:8px 24px;padding:10px max(24px,calc((100vw - 1280px)/2));background:#202020}.brand img{width:120px;height:92px;object-fit:contain;display:block}.header-company strong{display:block;font-size:26px;letter-spacing:1px}.header-company>a{display:block;color:#ff781f;font-size:20px;font-weight:bold;margin-top:12px}.header-qr{background:white;border:0;padding:4px;color:#222;font-size:11px}.header-qr img{display:block;width:72px;height:72px;image-rendering:pixelated}.header-qr span{display:block;margin-top:2px}header nav{grid-column:1/-1;justify-content:center;padding-top:8px;border-top:1px solid #ffffff20}.contact-float{position:fixed;right:16px;top:45%;z-index:19;display:grid;gap:1px;box-shadow:0 3px 16px #0004;border-radius:6px;overflow:hidden}.contact-float button,.contact-float a{background:#f36b16;color:white;border:0;text-align:center;padding:12px 10px;font-size:13px;line-height:1.5}.contact-float button:hover,.contact-float a:hover{background:#d95309}#contact-dialog{max-width:360px;text-align:center;background:#fff;color:#222;padding:28px}#contact-dialog .close{color:#444}#contact-dialog h2{margin:0 20px 14px}.contact-qr-large{display:block;width:230px;max-width:100%;height:auto;margin:20px auto;image-rendering:pixelated}.contact-phone{display:block;font-size:18px;color:#d95309;font-weight:700}.contact-hint{font-size:12px;color:#666;line-height:1.7}html{scroll-padding-top:180px}@media(max-width:900px){header{grid-template-columns:72px minmax(0,1fr) 32px;gap:8px;padding:8px 12px}.brand img{width:68px;height:58px}.header-company strong{font-size:clamp(13px,3.1vw,20px);letter-spacing:0}.header-company>a{font-size:clamp(11px,2.7vw,16px);margin-top:7px}.header-qr{display:none}header #menu{grid-column:3;grid-row:1}header nav{border-top:0;padding:20px;justify-content:flex-start}.contact-float{right:8px;top:auto;bottom:84px}.contact-float button,.contact-float a{font-size:11px;padding:8px}html{scroll-padding-top:90px}}


.company-intro{max-width:1120px;margin:0 auto;padding:28px 24px 0;line-height:1.9;color:#ddd}.company-intro h1{font-size:24px;color:#fff}.product-intro{font-size:15px;line-height:1.9;color:#555}@media(max-width:600px){.company-intro{padding:20px 16px 0}.company-intro h1{font-size:20px}}