:root{
/* ★ 2026-10-02 配色对齐 www.inbody-tech.com（主色 #0d484c / 深 #082f32 / 点缀 #45ccd6 /
   文字 #222 / 线条 #e4e4e4 / 浅底 #f8f8f8）—— 原来是照 rugsusa.com 的暖米+金+墨绿 */
--ink:#222222;--muted:#808080;--line:#e4e4e4;--bg:#fff;--cream:#f8f8f8;--cardbg:#f7f7f7;
--green:#0d484c;--olive:#0d484c;--gold:#0d484c;--accent:#45ccd6;--sale:#b8321f;
--serif:Georgia,"Times New Roman",'Songti SC',serif;
--sans:'Helvetica Neue',Helvetica,Arial,'PingFang SC',sans-serif;
--maxw:1440px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.serif{font-family:var(--serif);font-weight:400}
.cn{font-size:12.5px;color:var(--muted)}

.announce{background:var(--green);color:#fff;height:38px;display:flex;align-items:center;justify-content:center;position:relative;font-size:13px;letter-spacing:.02em}
.announce b{font-weight:600}
.announce .loc{position:absolute;right:24px;font-size:12px;opacity:.95}

.header{background:#fff}
.header .bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;height:78px}
.brand{display:block;line-height:0}
.brand img{height:38px;width:auto;display:block}
.brand b{font-weight:700}.brand i{font-style:normal;font-weight:300;color:#4a4a4a;font-size:15px;letter-spacing:.16em;display:block}
.search{display:flex;align-items:center;gap:10px;border:1px solid #dcdcdc;border-radius:4px;height:44px;padding:0 14px;background:#fff;max-width:660px;margin:0 auto;width:100%}
.search input{border:0;outline:0;width:100%;font-size:14px;font-family:var(--sans);color:var(--ink);background:transparent}
.search input::placeholder{color:#8a8a8a}
.icons{display:flex;align-items:center;gap:22px;font-size:12.5px;color:#222222}
.icons .inq{border:1px solid var(--green);color:var(--green);padding:7px 16px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}
.icons .inq:hover{background:var(--green);color:#fff}
.navrow{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.navrow ul{display:flex;justify-content:center;gap:32px;list-style:none;padding:13px 0;font-size:14px;font-weight:500}
.navrow a:hover{text-decoration:underline;text-underline-offset:4px}

.promoband{background:var(--olive);color:#fff;padding:22px 0;text-align:center}
.promoband h3{font-size:19px;font-weight:600}
.promoband p{font-size:13px;opacity:.92;margin-top:4px}
.btn{display:inline-block;background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:13px 26px;border:0;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:#082f32;filter:none}
.btn.dark{background:var(--ink);color:#fff}
.btn.ghost{background:#fff;color:var(--green);border:1px solid var(--green)}
.cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.hero{position:relative;background:#082f32 center/cover no-repeat;color:#fff;min-height:560px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,28,26,.66) 0%,rgba(20,28,26,.36) 55%,rgba(20,28,26,.12) 100%)}
.hero .inner{position:relative;padding:90px 32px;max-width:var(--maxw);margin:0 auto;width:100%}
.hero .eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,86px);line-height:1.02;margin:14px 0 8px}
.hero .sub{font-family:var(--serif);font-size:clamp(18px,2.1vw,30px);margin-bottom:10px}
.hero .cn{color:rgba(255,255,255,.86);font-size:13.5px;max-width:56ch;margin-bottom:22px}

.valueprops{border-bottom:1px solid var(--line);background:var(--cream)}
.valueprops ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;text-align:center}
.valueprops li{padding:16px 10px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#222222;border-right:1px solid var(--line)}
.valueprops li:last-child{border-right:0}

.section{padding:56px 0 6px}
.sec-head{text-align:center}
.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,44px)}
.sec-head .cn{margin-top:6px}
.rail{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 20px;padding:26px 0 30px}
@media(max-width:1200px){.rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rail{grid-template-columns:repeat(2,1fr);gap:20px 14px}}

.pcard{position:relative;display:block}
.pcard .thumb{background:var(--cardbg);aspect-ratio:1/1;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.pcard .thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}
.pcard .thumb img.tall{width:100%;height:100%;object-fit:cover;object-position:top}
.pcard:hover .thumb img{transform:scale(1.03)}
.pcard .code{margin-top:12px;font-size:14px;font-weight:600;font-family:Consolas,Menlo,monospace;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcard .size{margin-top:3px;font-size:12.5px;color:#666666}
.pcard .meta{margin-top:6px;font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.pcard .tag{position:absolute;left:10px;top:10px;background:#fff;color:#222222;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 8px}
.pcard .tag.video{left:auto;right:10px;background:var(--green);color:#fff}
.videobox{margin-top:14px;border:1px solid var(--line);background:#000}
.videobox video{width:100%;height:auto;display:block;max-height:70vh;background:#000}
.videobox .cap{padding:7px 10px;font-size:12px;color:#222222;background:#fff;border-top:1px solid var(--line)}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:26px 0 46px}
.tiles.three{grid-template-columns:repeat(3,1fr)}   /* 3 张放大到与上一排一样占满整行宽度 */
.rail.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1200px){.rail.four{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rail.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.tiles,.tiles.three{grid-template-columns:1fr 1fr}}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0 12px}
.gal.factory{grid-template-columns:repeat(3,1fr);gap:16px}
.gal.cases{grid-template-columns:repeat(2,1fr);gap:18px}
.gal.cases .shot{aspect-ratio:16/9}
@media(max-width:900px){.gal.cases{grid-template-columns:1fr}}
@media(max-width:1100px){.gal{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.gal{grid-template-columns:repeat(2,1fr);gap:10px}}
.shot{position:relative;display:block;background:var(--cardbg);overflow:hidden;border:1px solid var(--line);
      aspect-ratio:4/3}
.shot img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s}
.shot:hover img{transform:scale(1.03)}
.btn.wa{background:#25D366;border-color:#25D366;color:#fff}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-size:13px;font-weight:600;padding:11px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);text-decoration:none}
.wa-float:hover{background:#0d484c;color:#fff}
.wa-float svg{width:18px;height:18px;fill:#fff}
.ph{color:#999999;font-size:12px;letter-spacing:.04em;text-align:center;line-height:1.6}
.ph.big{font-size:13px}
.ph small{font-size:11px;color:#bbbbbb}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.th{width:104px;height:104px;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer;overflow:hidden}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th.on{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive) inset}
.shot span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:2px 7px;letter-spacing:.06em}
/* ---------- 认证 ---------- */
.cwrap{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;padding:22px 0 6px;max-width:1220px;margin:0 auto}
@media(max-width:900px){.cwrap{grid-template-columns:1fr}}
.crow{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:12px 14px}
.crow .cnum{font-family:var(--serif);color:var(--olive);font-size:15px;min-width:22px;padding-top:1px}
.crow .ctxt b{display:block;font-size:13.5px;font-weight:600;line-height:1.45}
.crow .ctxt span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.crow .cnote{font-size:11.5px;color:#0d484c;margin-top:4px}
.clead{color:var(--muted);font-size:13.5px;max-width:96ch;margin:8px 0 0;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:22px 0 6px}
.chips.cols{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
@media(max-width:1100px){.chips.cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.chips.cols{grid-template-columns:repeat(2,1fr)}}
.chip{border:1px solid var(--line);background:var(--cream);color:#222222;font-size:12.5px;padding:8px 14px;letter-spacing:.02em}
.tile{position:relative;aspect-ratio:4/5;background:#ddd center/cover;display:flex;align-items:flex-end;overflow:hidden}
.tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.58) 100%)}
.tile .lbl{position:relative;padding:18px;color:#fff}
.tile .lbl b{font-family:var(--serif);font-weight:400;font-size:21px;display:block}
.tile .lbl small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.tile:hover{filter:brightness(1.04)}

.editorial{position:relative;min-height:360px;background:#0d484c center/cover;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;margin:10px 0 0}
.editorial .ov{position:absolute;inset:0;background:rgba(30,30,24,.46)}
.editorial .in{position:relative;padding:60px 24px;max-width:840px}
.editorial .eyebrow{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.9}
.editorial h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,42px);margin:12px 0 8px}
.editorial p{margin:8px 0 20px;font-size:15px;opacity:.94}

footer.site{background:var(--green);color:#e8f0f0;margin-top:60px;padding:54px 0 0;font-size:13.5px}
footer.site .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:34px}
footer.site h4{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
footer.site a{display:block;padding:4px 0;color:#cfe0e0}
footer.site a:hover{color:#fff;text-decoration:underline}
footer.site .bottom{border-top:1px solid #8fb0b0;margin-top:40px;padding:18px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bcd0d0}

.crumbs{font-size:12.5px;color:var(--muted);padding:22px 0 4px}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.ph1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,42px);margin:6px 0 4px}
.count{color:var(--muted);font-size:13px;margin-bottom:6px}
.cathero{position:relative;height:280px;background:#082f32 center/cover;display:flex;align-items:center;color:#fff;margin-top:14px}
.cathero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,28,26,.62),rgba(20,28,26,.22))}
.cathero .in{position:relative;padding:0 32px;max-width:var(--maxw);margin:0 auto;width:100%}
.cathero h1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.6vw,46px)}

.pd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:52px;padding:26px 0 56px}
@media(max-width:900px){.pd{grid-template-columns:1fr;gap:26px}}
.gallery .main{background:var(--cardbg);min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery .main img{max-width:100%;max-height:820px;object-fit:contain;cursor:zoom-in}
.gallery .main.long{align-items:flex-start;min-height:0;background:#fff}
.gallery .main.long img{max-height:none;width:100%}
.gallery .scene{margin-top:12px;border:1px solid var(--line);background:#fff}
.gallery .scene img{width:100%;height:auto}
.pinfo .brandline{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pinfo h1{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.2;margin:10px 0 6px;font-family:Consolas,Menlo,monospace}
.pinfo .size{font-size:16px;color:#222222;margin-bottom:14px}
.spec{width:100%;border-collapse:collapse;font-size:13.5px;margin:18px 0 24px}
.spec td{border-top:1px solid var(--line);padding:10px 0;vertical-align:top}
.spec td:first-child{color:var(--muted);width:150px}
.spec tr:last-child td{border-bottom:1px solid var(--line)}
.desc{color:#222222;font-size:14.5px;line-height:1.8;max-width:72ch}
.desc h2,.desc h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:20px 0 8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:26px 0}
@media(max-width:860px){.split{grid-template-columns:1fr}}
@media(max-width:1100px){footer.site .cols{grid-template-columns:1fr 1fr}.valueprops ul{grid-template-columns:1fr 1fr}
.valueprops li:nth-child(2){border-right:0}}
@media(max-width:760px){.header .bar{grid-template-columns:auto auto;gap:16px;height:auto;padding:12px 0}
.search{grid-column:1/-1;order:3}.navrow ul{flex-wrap:wrap;gap:16px;font-size:13px}.announce .loc{display:none}}