/* Wireless vibration monitor detail page · 2026-08-12 */
.v21-producthero-vibration{position:relative;isolation:isolate;overflow:hidden}.v21-producthero-vibration:before{content:"";position:absolute;right:2%;top:48%;width:48%;height:78%;transform:translateY(-50%);background:radial-gradient(ellipse at 53% 52%,rgba(226,235,231,.42),rgba(129,157,151,.13) 54%,transparent 74%);filter:blur(10px);pointer-events:none}.v21-producthero-vibration>div,.v21-producthero-vibration>img{position:relative;z-index:1}.v21-producthero-vibration>img[src*="vibration-product"]{object-fit:contain;background:transparent;padding:14px 4vw;filter:drop-shadow(0 22px 24px rgba(0,0,0,.38))}.v21-vibration-tags{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 0;padding:0;list-style:none}.v21-vibration-tags li{padding:8px 11px;border:1px solid rgba(255,255,255,.28);color:#dce6e3;font-size:12px;letter-spacing:.04em}.v21-vibration-detail h2{font-size:clamp(36px,4.6vw,62px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 22px}.v21-vibration-detail h3{font-size:23px;line-height:1.3}.v21-vibration-detail p{line-height:1.8}.v21-vibration-heading{max-width:900px;margin-bottom:42px}.v21-vibration-heading>p:last-child{font-size:17px;color:var(--muted)}.v21-vibration-nav{position:sticky;top:72px;z-index:8;display:flex;justify-content:center;gap:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.v21-vibration-nav a{padding:15px 20px;font-size:13px;font-weight:850}.v21-vibration-nav a:hover{color:var(--orange)}.v21-vibration-problem{padding:100px 6vw;background:#f5f3ed}.v21-vibration-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.v21-vibration-problem-grid article{background:#fff;padding:34px;min-height:220px}.v21-vibration-problem-grid b,.v21-vibration-cap-grid span,.v21-vibration-scenes-grid b{color:var(--orange);font-size:13px;letter-spacing:.12em}.v21-vibration-problem-grid p,.v21-vibration-cap-grid p,.v21-vibration-scenes-grid p{color:var(--muted)}.v21-vibration-principle{padding:100px 6vw;background:var(--deep);color:#fff}.v21-vibration-principle>div{max-width:890px}.v21-vibration-principle h2{color:#f7f5ef!important}.v21-vibration-principle>div>p:last-child{color:#bdcbc8;font-size:17px}.v21-vibration-principle ol{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:48px 0 0;padding:1px;background:#344345;list-style:none}.v21-vibration-principle li{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:25px;background:var(--deep);font-weight:850}.v21-vibration-principle li b{margin-bottom:12px;color:var(--orange);font-size:12px}.v21-vibration-capabilities{padding:100px 6vw;background:#fff}.v21-vibration-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.v21-vibration-cap-grid article{min-height:250px;padding:38px;background:#fff}.v21-vibration-capabilities figure{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;margin:60px 0 0;padding:34px;background:#edf1ed}.v21-vibration-capabilities figure img{width:100%;height:auto;max-height:500px;object-fit:contain}.v21-vibration-capabilities figcaption{color:var(--muted);line-height:1.8}.v21-vibration-event{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:7vw;padding:100px 6vw;background:#e9ece7}.v21-vibration-event ul{margin:30px 0 0;padding:0;list-style:none}.v21-vibration-event li{padding:13px 0;border-top:1px solid #cad3ce}.v21-vibration-event img{width:100%;max-height:560px;object-fit:contain}.v21-vibration-scenes{padding:100px 6vw;background:#fff}.v21-vibration-scenes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v21-vibration-scenes-grid article{padding:30px;border-top:4px solid var(--orange);background:#f5f3ed;min-height:200px}.v21-vibration-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}.v21-vibration-case-grid figure{position:relative;margin:0;min-height:390px;overflow:hidden;background:#e6ebe7}.v21-vibration-case-grid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.v21-vibration-case-grid figcaption{position:absolute;left:22px;bottom:20px;padding:8px 12px;background:rgba(7,27,29,.78);color:#fff;font-size:13px}.v21-vibration-system{padding:100px 6vw;background:var(--deep);color:#fff}.v21-vibration-system h2{color:#f7f5ef!important}.v21-vibration-system-flow{display:flex;align-items:stretch;gap:10px}.v21-vibration-system-flow span{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:24px;background:#11282a;font-weight:850}.v21-vibration-system-flow span b{margin-bottom:10px;color:var(--orange);font-size:12px}.v21-vibration-system-flow span small{margin-top:8px;color:#b8c7c4;font-weight:500}.v21-vibration-system-flow i{align-self:center;color:var(--orange);font-size:24px;font-style:normal}.v21-vibration-system>p{max-width:960px;margin:34px 0 0;color:#bdcbc8}.v21-vibration-install{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:100px 6vw;background:#f5f3ed}.v21-vibration-install ol,.v21-vibration-install ul{margin:32px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.v21-vibration-install li{padding:15px 8px;border-bottom:1px solid var(--line)}.v21-vibration-install ol b{display:inline-block;width:42px;color:var(--orange)}.v21-vibration-specs{padding:100px 6vw;background:#fff}.v21-vibration-specs dl{display:grid;grid-template-columns:1fr 1fr;gap:0 5vw;margin:0}.v21-vibration-specs dl div{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:19px 0;border-top:1px solid var(--line)}.v21-vibration-specs dt{font-weight:900}.v21-vibration-specs dd{margin:0;color:var(--muted);line-height:1.65}.v21-vibration-confirm{margin-top:42px;padding:24px 28px;border-left:4px solid var(--orange);background:#fff5eb}.v21-vibration-confirm b{color:#a64824}.v21-vibration-confirm p{margin-bottom:0;color:#6c554b}.v21-vibration-faq{padding:100px 6vw;background:#f5f3ed}.v21-vibration-faq details{max-width:1050px;border-top:1px solid var(--line)}.v21-vibration-faq details:last-child{border-bottom:1px solid var(--line)}.v21-vibration-faq summary{position:relative;padding:23px 48px 23px 0;cursor:pointer;list-style:none;font-size:19px;font-weight:850}.v21-vibration-faq summary:after{content:"＋";position:absolute;right:8px;color:var(--orange)}.v21-vibration-faq details[open] summary:after{content:"－"}.v21-vibration-faq details p{margin:0;padding:0 48px 23px 0;color:var(--muted)}.v21-vibration-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:85px 6vw;background:#173f3a;color:#fff}.v21-vibration-cta h2{color:#f7f5ef!important}.v21-vibration-cta>div>p:last-child{max-width:780px;color:#c8d7d4}.v21-vibration-cta .v21-actions{justify-content:flex-end}
@media(max-width:1050px){.v21-vibration-nav{justify-content:flex-start;overflow-x:auto}.v21-vibration-nav a{white-space:nowrap}.v21-vibration-principle ol{grid-template-columns:repeat(2,1fr)}.v21-vibration-event,.v21-vibration-install{grid-template-columns:1fr}.v21-vibration-scenes-grid{grid-template-columns:repeat(2,1fr)}.v21-vibration-system-flow{display:grid;grid-template-columns:repeat(2,1fr)}.v21-vibration-system-flow i{display:none}.v21-vibration-cta{grid-template-columns:1fr}.v21-vibration-cta .v21-actions{justify-content:flex-start}}
@media(max-width:680px){.v21-producthero-vibration:before{right:-18%;top:76%;width:125%;height:42%}.v21-producthero-vibration>img[src*="vibration-product"]{height:285px;padding:12px 18px 18px}.v21-vibration-tags{margin-top:20px}.v21-vibration-detail h2{font-size:38px}.v21-vibration-nav{top:64px}.v21-vibration-problem,.v21-vibration-principle,.v21-vibration-capabilities,.v21-vibration-event,.v21-vibration-scenes,.v21-vibration-system,.v21-vibration-install,.v21-vibration-specs,.v21-vibration-faq,.v21-vibration-cta{padding:66px 24px}.v21-vibration-problem-grid,.v21-vibration-principle ol,.v21-vibration-cap-grid,.v21-vibration-scenes-grid,.v21-vibration-case-grid,.v21-vibration-system-flow,.v21-vibration-specs dl{grid-template-columns:1fr}.v21-vibration-problem-grid article,.v21-vibration-cap-grid article,.v21-vibration-scenes-grid article{min-height:0;padding:27px}.v21-vibration-capabilities figure{grid-template-columns:1fr;margin-top:35px;padding:18px}.v21-vibration-case-grid figure{min-height:270px}.v21-vibration-specs dl div{grid-template-columns:1fr;gap:5px}.v21-vibration-cta{gap:20px}}


/* Wireless inclinometer detail */
.v21-producthero-inclinometer h2{color:#dce9e7}.v21-inclinometer-principle h2,.v21-inclinometer-cta h2{color:#fff}
.v21-producthero-inclinometer{background:radial-gradient(circle at 78% 42%,#315e61 0,#173c41 34%,#09242b 72%)}.v21-producthero-inclinometer .v21-producthero-media img{filter:drop-shadow(0 30px 34px rgba(0,0,0,.36))}.v21-inclinometer-tags{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;list-style:none}.v21-inclinometer-tags li{padding:8px 12px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:#e4efec;font-size:13px}.v21-inclinometer-detail section{scroll-margin-top:100px}.v21-inclinometer-nav{position:sticky;top:72px;z-index:8;display:flex;justify-content:center;gap:28px;padding:14px 24px;background:rgba(247,245,239,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.v21-inclinometer-nav a{font-size:13px;font-weight:800;color:#415b5d}.v21-inclinometer-problem,.v21-inclinometer-capabilities,.v21-inclinometer-scenes,.v21-inclinometer-system,.v21-inclinometer-install,.v21-inclinometer-specs{padding:78px 6vw}.v21-inclinometer-problem>div:first-child,.v21-inclinometer-capabilities>div:first-child,.v21-inclinometer-scenes>div:first-child,.v21-inclinometer-specs>div:first-child{max-width:820px}.v21-inclinometer-detail h2{font-size:clamp(34px,4.5vw,54px);line-height:1.18}.v21-inclinometer-problem-grid,.v21-inclinometer-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.v21-inclinometer-problem-grid article,.v21-inclinometer-cap-grid article{padding:28px;background:#fff;border:1px solid var(--line)}.v21-inclinometer-problem-grid b,.v21-inclinometer-cap-grid span{color:var(--orange);font-size:13px;font-weight:900}.v21-inclinometer-problem-grid h3,.v21-inclinometer-cap-grid h3{margin:13px 0 9px;font-size:22px}.v21-inclinometer-capabilities{background:#f2f5f2}.v21-inclinometer-cap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v21-inclinometer-capabilities figure{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:40px;margin:38px 0 0;padding:30px;background:#16383c;color:#fff}.v21-inclinometer-capabilities figure img{width:100%;max-height:360px;object-fit:contain}.v21-inclinometer-capabilities figcaption{color:#bdd0cd}.v21-inclinometer-principle{padding:76px 6vw;background:#0d2d32;color:#fff}.v21-inclinometer-principle>div{max-width:790px}.v21-inclinometer-principle>div>p:last-child{color:#bfd0ce}.v21-inclinometer-principle ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:36px 0 0;padding:1px;background:#355157;list-style:none}.v21-inclinometer-principle li{padding:23px;background:#12363b}.v21-inclinometer-principle li b{display:block;margin-bottom:10px;color:#ff9a75}.v21-inclinometer-scenes>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}.v21-inclinometer-scenes article{padding:26px;background:#eef3f0;border-left:4px solid #6e9b89;font-size:19px;font-weight:850}.v21-inclinometer-system,.v21-inclinometer-install{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;background:#fff}.v21-inclinometer-system figure,.v21-inclinometer-install figure{margin:0}.v21-inclinometer-system img,.v21-inclinometer-install img{width:100%;max-height:500px;object-fit:contain}.v21-inclinometer-system figcaption{margin-top:10px;color:var(--muted);font-size:13px}.v21-inclinometer-note{padding:17px 19px;background:#fff6f0;border-left:4px solid var(--orange);color:#664b42!important;font-size:14px;line-height:1.75}.v21-inclinometer-install{background:#f4f2eb}.v21-inclinometer-install ol{padding:0;list-style:none}.v21-inclinometer-install li{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #d8dfdc}.v21-inclinometer-specs dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:34px 0;padding:1px;background:#d8dfdc}.v21-inclinometer-specs dl>div{padding:21px;background:#fff}.v21-inclinometer-specs dt{margin-bottom:7px;color:#66777a;font-size:13px}.v21-inclinometer-specs dd{margin:0;text-align:left;font-weight:850}.v21-inclinometer-cta{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:64px 6vw;background:#15393d;color:#fff}.v21-inclinometer-cta>div:first-child{max-width:780px}.v21-inclinometer-cta p{color:#c3d2d0}
@media(max-width:980px){.v21-inclinometer-nav{overflow-x:auto;justify-content:flex-start}.v21-inclinometer-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-inclinometer-principle ol{grid-template-columns:repeat(3,minmax(0,1fr))}.v21-inclinometer-system,.v21-inclinometer-install{grid-template-columns:1fr}.v21-inclinometer-specs dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v21-producthero-inclinometer h1{font-size:48px}.v21-inclinometer-nav{top:64px;gap:20px}.v21-inclinometer-problem,.v21-inclinometer-capabilities,.v21-inclinometer-scenes,.v21-inclinometer-system,.v21-inclinometer-install,.v21-inclinometer-specs{padding:58px 24px}.v21-inclinometer-problem-grid,.v21-inclinometer-cap-grid,.v21-inclinometer-scenes>div:last-child,.v21-inclinometer-principle ol,.v21-inclinometer-specs dl{grid-template-columns:1fr}.v21-inclinometer-capabilities figure{grid-template-columns:1fr;padding:22px}.v21-inclinometer-principle{padding:58px 24px}.v21-inclinometer-install li{grid-template-columns:1fr;gap:4px}.v21-inclinometer-cta{align-items:flex-start;flex-direction:column;padding:52px 24px}.v21-inclinometer-cta .v21-actions{width:100%}}