/* 去掉数字输入框滚轮 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    /* 小屏字体 */
    @media (max-width: 640px) {
      input, button {
        font-size: 16px !important;
      }
    }
    /* 默认灰色边框，圆角 */
    input, .eid-input {
      -webkit-appearance: none !important;
      appearance: none !important;
      border: 1px solid #D1D5DB !important;
      border-radius: 0.375rem !important;
      box-shadow: none !important;
    }
    /* 聚焦时橙色边框 */
    input:focus, .eid-input:focus {
      outline: none !important;
      border-color: #EF8A35 !important;
    }
    /* 有值时保持橙色边框 */
    input.filled, .eid-input.filled {
      border-color: #EF8A35 !important;
    }
	
	
	
	 /* Base styles for all arrows */
  .arrow-connector svg path {
    stroke: #d1d5db; /* gray-300 */
    transition: stroke 0.5s ease-in-out;
  }

  /* Base transition for step cards */
  .timeline-step > div {
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  }
  
  /* Style for the active, glowing card */
  .timeline-step.is-active > div {
    transform: scale(1.03); 
    animation: pulse-glow 2.5s infinite ease-in-out;
  }

  /* Keyframes for the glowing shadow effect */
  @keyframes pulse-glow {
    0%, 100% {
      box-shadow: 0 5px 15px rgba(104, 104, 104, 0.2), 0 0 20px 5px rgba(203, 189, 247, 0.4);
    }
    50% {
      box-shadow: 0 5px 25px rgba(104, 104, 104, 0.25), 0 0 35px 15px rgba(203, 189, 247, 0.7);
    }
  }
  
  /* Mobile timeline styles */
  .mobile-timeline {
    position: relative;
  }
  
  .mobile-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 2px;
    background-color: #d1d5db;
    transform: translateX(-50%);
    z-index: 0;
  }
  
  .mobile-timeline-step {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 2rem;
  }
  
  .mobile-timeline-step::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d1d5db;
    transform: translateX(-50%);
    z-index: 1;
    transition: background-color 0.5s ease-in-out;
  }
  
  .mobile-timeline-step.is-active::before {
    background-color: #CBBDF7;
    box-shadow: 0 0 10px 2px rgba(203, 189, 247, 0.7);
  }
  
  .mobile-timeline-step.is-complete::before {
    background-color: #CBBDF7;
  }
  
  .mobile-arrow-connector {
    height: 2rem;
    position: relative;
    left: 1.5rem;
    width: 2px;
    z-index: 0;
  }
  
  .mobile-arrow-connector svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }