/* 「工业AI定制」下拉菜单 —— 复刻「解决方案」下拉的金色右箭头与尺寸表现。
   面板本体复用官网既有的 .nav-dropdown / .nav-dropdown-item / .nav-dropdown-title，
   因此背景、圆角、边框、阴影、hover 态全部自动与「解决方案」保持一致。 */

.yl-ind-dropdown {
  width: max-content;
  min-width: 320px;
  max-width: min(440px, calc(100vw - 48px));
}

.yl-ind-dropdown .nav-dropdown-title {
  white-space: nowrap;
}

.yl-ind-dropdown .nav-dropdown-item {
  position: relative;
  padding-right: 36px;
}

/* 站内项箭头：与「解决方案」下拉项完全一致的金色 ">" */
.yl-ind-dropdown .nav-dropdown-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 15px;
  width: 7px;
  height: 7px;
  border-top: 2px solid var(--yl-gold-bright, #f4d27a);
  border-right: 2px solid var(--yl-gold-bright, #f4d27a);
  opacity: .92;
  transform: translateY(-50%) rotate(45deg);
  transition: transform .18s cubic-bezier(.23, 1, .32, 1), opacity .18s;
  pointer-events: none;
}

.yl-ind-dropdown .nav-dropdown-item:hover::before,
.yl-ind-dropdown .nav-dropdown-item:focus-visible::before {
  opacity: 1;
  transform: translate(3px, -50%) rotate(45deg);
}

/* 外链项（已上线的真实系统）：改用斜向 "↗"，与站内项区分 */
.yl-ind-dropdown .nav-dropdown-item[data-yl-external]::before {
  display: none;
}

.yl-ind-dropdown .yl-ind-ext-arrow {
  position: absolute;
  top: 50%;
  left: auto;
  right: 12px;
  display: flex;
  color: var(--yl-gold-bright, #f4d27a);
  opacity: .92;
  transform: translateY(-50%);
  transition: transform .18s cubic-bezier(.23, 1, .32, 1), opacity .18s;
  pointer-events: none;
}

.yl-ind-dropdown .nav-dropdown-item:hover .yl-ind-ext-arrow,
.yl-ind-dropdown .nav-dropdown-item:focus-visible .yl-ind-ext-arrow {
  opacity: 1;
  transform: translate(2px, calc(-50% - 2px));
}

@media (prefers-reduced-motion: reduce) {
  .yl-ind-dropdown {
    animation: none;
  }

  .yl-ind-dropdown .nav-dropdown-item::before,
  .yl-ind-dropdown .yl-ind-ext-arrow {
    transition: none;
  }
}