body.has-platform-dock{padding-bottom:96px}
html:has(body.has-platform-dock){scroll-padding-bottom:96px}
.platform-dock{position:fixed;left:0;bottom:0;width:100%;height:72px;box-sizing:border-box;z-index:var(--platform-dock-z,900);
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(17,24,39,.08);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.platform-dock .pd-viewport{display:flex;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;outline:none}
.platform-dock .pd-viewport:focus-visible{box-shadow:inset 0 0 0 2px #2563eb}
.platform-dock .pd-track{display:flex;flex:none;width:max-content;margin:0 auto;padding:0 56px}
.platform-dock .pd-group{display:flex;flex:none;align-items:center;gap:56px;margin:0;padding:0;list-style:none}
.platform-dock .pd-item{display:flex;align-items:center;gap:10px;white-space:nowrap}
.platform-dock .pd-logo{display:block;flex:none;width:26px;height:26px;object-fit:contain}
.platform-dock .pd-name{font-size:14px;line-height:20px;color:#374151;letter-spacing:.02em}
.platform-dock.is-animated .pd-viewport{overflow:hidden}
.platform-dock.is-animated .pd-track{margin:0;padding:0;will-change:transform;animation:pd-scroll var(--pd-dur,60s) linear infinite}
.platform-dock.is-animated .pd-group{padding-right:56px}
.platform-dock.is-animated:hover .pd-track,.platform-dock.is-animated:focus-within .pd-track{animation-play-state:paused}
@keyframes pd-scroll{to{transform:translate3d(calc(-1 * var(--pd-shift,0px)),0,0)}}
@media (prefers-reduced-motion:reduce){
  .platform-dock.is-animated .pd-viewport{overflow-x:auto}
  .platform-dock.is-animated .pd-track{animation:none;transform:none;margin:0 auto;padding:0 56px}
  .platform-dock.is-animated .pd-group{padding-right:0}
  .platform-dock .pd-group[aria-hidden]{display:none}
}