/* ===== 工作台专用平台滚动条（独立样式文件，不透明） =====
   仅 console.html 引用。不与其它页共用 platform-rail.css，
   以避免共用文件的 50% 透明度影响工作台条。 */
.pk-platform-rail {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 500px;
  max-width: calc(100vw - 24px);
  height: 80px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  pointer-events: none; /* 容器不挡页面，按钮单独可点 */
  opacity: 1; /* 工作台条保持不透明 */
  /* 两侧半透明淡出 */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 13%, #000 87%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 13%, #000 87%, transparent 100%);
}

/* 两行：上行左→右，下行右→左 */
.pk-platform-rail .pk-rail-row {
  display: flex;
  width: max-content;
  gap: 10px;
  will-change: transform;
}
.pk-platform-rail .pk-rail-row--ltr { animation: pkRailLTR 30s linear infinite; }
.pk-platform-rail .pk-rail-row--rtl { animation: pkRailRTL 30s linear infinite; }
.pk-platform-rail:hover .pk-rail-row { animation-play-state: paused; }

@keyframes pkRailLTR { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes pkRailRTL { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* 单个平台按钮：真实品牌图标 + 站名（110×35） */
.pk-rail-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 110px;
  height: 35px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
  pointer-events: auto;
  cursor: default;
  user-select: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.pk-rail-btn:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .28);
}
/* 真实品牌图标：白底圆角小瓷砖，保证深色胶囊上清晰 */
.pk-rail-ico {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex: none;
  object-fit: contain;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

/* 工作台 .command-hero 是 grid：平台条锁顶部第一整行、水平居左（500px），卡片落第二行 */
.command-hero .pk-platform-rail {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start;
  align-self: start;
  margin: 0 0 16px;
}
/* 平台条嵌进文案卡片（眉题与欢迎语之间）时的间距 */
.command-hero-copy .pk-platform-rail {
  grid-column: auto;
  grid-row: auto;
  margin: 10px 0 14px;
}