html.home-page.play, html.home-page.play body.play{
  height:auto;overflow-x:hidden;overflow-y:auto;
  background:#1c1d1f;
}
.shell{
  position:relative;width:100%;overflow:hidden;background:#1c1d1f;
}
html.home-page.play .page{
  position:absolute;top:0;left:0;
  width:1920px;height:auto;min-height:0;overflow:visible;
  transform-origin:0 0;padding-top:0;
}
html.home-page body.play .nav{
  position:relative;top:auto;left:auto;z-index:10;width:1920px;
}
html.home-page body.play .row{
  height:1028px;
  width:1920px;
  align-items:flex-start;
}
html.home-page body.play .hall{
  height:1028px;
}
html.home-page body.play .charle{
  position:relative !important;
  top:auto;left:auto;
  height:1028px;
  z-index:4;
}
html.home-page body.play .charle.compact{
  height:420px;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
}
html.home-page body.play .below{
  display:block;
  width:1920px;
  padding:16px 40px 80px;
  box-sizing:border-box;
}
html.home-page body.edit .below{display:none}
.below{display:none}
#products{
  min-height:max(0px, calc(var(--view-h, 1080px) - 1080px));
  box-sizing:border-box;
}
.floor{padding:8px 0 40px;max-width:1840px}
.floor-h h2{
  margin:0 0 8px;padding:0 0 0 14px;border-left:2px solid #c4a876;
  font:600 22px/1.25 "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.2em;color:#f3efe6;
}
.floor-h p{margin:0 0 18px;padding-left:16px;color:#c4c0b6;font-size:14px;line-height:1.7}
.rail{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.rail-track{
  display:flex;gap:16px;width:max-content;
  animation:railMove 42s linear infinite;
}
.rail:hover .rail-track{animation-play-state:paused}
@keyframes railMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.tile{
  width:260px;height:168px;flex:none;
  box-sizing:border-box;padding:16px 16px 14px;
  border:1px solid rgba(196,168,118,.35);
  background:
    linear-gradient(180deg,rgba(58,50,36,.55),rgba(20,18,16,.92)),
    repeating-linear-gradient(90deg,rgba(196,168,118,.04) 0 1px,transparent 1px 18px);
  color:#f3efe6;cursor:pointer;
}
.tile:hover{border-color:rgba(220,192,140,.8)}
.tile .kind{color:#c4a876;font-size:12px;letter-spacing:.16em}
.tile .model{
  margin:14px 0 8px;
  font:600 20px/1.2 "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.04em;
}
.tile .name{color:#c4c0b6;font-size:13px;line-height:1.45}
.know-list{display:flex;gap:12px}
.know{
  flex:1;margin:0;padding:16px 18px;
  border:1px solid rgba(196,168,118,.22);background:rgba(24,26,30,.9);
}
.know h3{margin:0 0 8px;color:#f3efe6;font-size:16px;letter-spacing:.12em}
.know p{margin:0;padding:0;color:#c4c0b6;font-size:14px;line-height:1.7}
a.know{text-decoration:none;color:inherit;display:block}
a.know:hover{border-color:rgba(220,192,140,.55)}
.contact-list p{margin:0 0 12px;padding:0;color:#e8e2d6;font-size:15px;line-height:1.7}
.contact-list b{display:inline-block;min-width:72px;color:#c4a876;font-weight:600;margin-right:10px}

.beian{margin:18px 0 0;font-size:13px}
.beian a{color:#9a958c;text-decoration:none;letter-spacing:.06em}
.beian a:hover{color:#c4a876}