/* 组合版：赛博信息轨品牌区 + 光纤品牌同构按钮区。 */
@property --hybrid-fiber-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

html body[data-hybrid-style="cyber-fiber"] .next-status-header {
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 顶部条不使用任何整体背景或装饰纹理。 */
html body[data-hybrid-style="cyber-fiber"] .next-status-header::before,
html body[data-hybrid-style="cyber-fiber"] .next-status-header::after {
  display: none !important;
  content: none !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-status-header > .next-runner {
  display: none !important;
  content: none !important;
}

/* 左侧完全沿用赛博信息轨品牌设计，不追加光纤边框。 */
html body[data-hybrid-style="cyber-fiber"] .next-brand-zone {
  min-height: 38px !important;
  padding: 0 14px 0 7px !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 133, 193, .18) !important;
  border-radius: 10px !important;
  clip-path: none !important;
  background:
    radial-gradient(circle at 13% 0%, rgba(255, 205, 79, .1), transparent 29%),
    linear-gradient(120deg, rgba(107, 25, 55, .94) 0%, rgba(65, 18, 75, .94) 52%, rgba(8, 53, 70, .92) 100%) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .09),
    inset 0 -1px rgba(0, 0, 0, .2),
    0 3px 8px rgba(0, 0, 0, .22) !important;
  filter: none !important;
  transform: translateX(5px) !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-brand-zone::before,
html body[data-hybrid-style="cyber-fiber"] .next-brand-zone::after {
  display: none !important;
  content: none !important;
}

/* 与原“赛博信息轨”最终字体参数逐项同步，避免被通用品牌规则覆盖。 */
html body[data-hybrid-style="cyber-fiber"] .next-brand-zone .brand-lockup {
  gap: 8px !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-brand-zone .next-brand-copy,
html body[data-hybrid-style="cyber-fiber"] .next-brand-zone .next-brand-copy strong,
html body[data-hybrid-style="cyber-fiber"] .next-brand-zone .next-brand-copy b {
  font-family: "HarmonyOS Sans SC", "MiSans", "Alibaba PuHuiTi 3.0", "Microsoft YaHei UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-brand-zone .next-brand-copy i {
  margin: 0 7px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* 右侧保持两个独立按钮，外框不包裹成一个整体。 */
html body[data-hybrid-style="cyber-fiber"] .next-action-zone {
  min-height: 40px !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* 与光纤版左侧品牌区共用同一套深色玻璃底、圆角和阴影。 */
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option {
  --hybrid-fiber-angle: 0deg;
  position: relative !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  overflow: visible !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 8px !important;
  clip-path: none !important;
  color: rgba(246, 250, 255, .96) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), transparent 26%),
    linear-gradient(110deg, rgba(255, 53, 94, .075), rgba(8, 13, 27, .84) 28% 70%, rgba(91, 218, 255, .07)) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .07),
    inset 0 -1px rgba(168, 85, 247, .14),
    0 4px 10px rgba(0, 0, 0, .24) !important;
  filter: none !important;
  transform: none !important;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

/* 两束 180° 对置长拖尾，和光纤品牌框同速、匀速运动。 */
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu::before,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: -1 !important;
  display: block !important;
  padding: 1px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: conic-gradient(
    from var(--hybrid-fiber-angle),
    #fff3c2 0deg,
    #ff355e 10deg,
    #ffd84d 38deg,
    rgba(255, 216, 77, .62) 72deg,
    rgba(255, 92, 142, .28) 108deg,
    rgba(255, 53, 94, .08) 132deg,
    transparent 148deg 180deg,
    #efffff 180deg,
    #61dcff 190deg,
    #a855f7 218deg,
    rgba(168, 85, 247, .62) 252deg,
    rgba(97, 220, 255, .28) 288deg,
    rgba(97, 220, 255, .08) 312deg,
    transparent 328deg 360deg
  ) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: .78 !important;
  filter: none !important;
  animation: hybrid-fiber-flow 9.6s linear infinite !important;
  pointer-events: none !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-action-zone .next-download,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .next-download:hover,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .next-download:focus-visible {
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .58) !important;
  transform: none !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option {
  font-family: "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", sans-serif !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .58) !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu:hover,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu:focus-within,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option:hover,
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option:focus-visible {
  filter: brightness(1.1) saturate(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .1),
    inset 0 -1px rgba(168, 85, 247, .18),
    0 5px 12px rgba(0, 0, 0, .27) !important;
}

/* 获取按钮继续保留二维码弹窗的透明悬停桥。 */
html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 100% !important;
  right: -8px !important;
  bottom: auto !important;
  left: auto !important;
  width: 248px !important;
  height: 12px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  animation: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  pointer-events: auto !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option::after {
  display: none !important;
  content: none !important;
}

/* 中间区改为光纤数据总线的纯深空底色，不显示文字和运动光线。 */
html body[data-hybrid-style="cyber-fiber"] .next-creative-center {
  overflow: visible !important;
  clip-path: none !important;
  background: transparent !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-creative-center .next-message {
  display: none !important;
}

html body[data-hybrid-style="cyber-fiber"] .next-creative-center .next-visual::before,
html body[data-hybrid-style="cyber-fiber"] .next-creative-center .next-visual::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

@keyframes hybrid-fiber-flow {
  to { --hybrid-fiber-angle: -360deg; }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-hybrid-style="cyber-fiber"] .next-action-zone .download-menu::before,
  html body[data-hybrid-style="cyber-fiber"] .next-action-zone .language-option::before {
    animation: none !important;
  }
}