/**
 * 小船设计系统 · 文本输入框 DS-Input
 * 高度 44px · Title3 字号 · 描边 + 聚焦环（progress Token）
 *
 * 结构：<input type="text" class="aboat-input" placeholder="…" />
 * 引入：<link rel="stylesheet" href="./components/input.css">
 */

.aboat-input {
  display: block;
  width: 100%;
  height: 44px;
  -webkit-user-select: text;
  user-select: text;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-5);
  border-radius: 8px;
  background: transparent;
  font-family: var(--font-family-sans);
  font-size: var(--text-title3-size);
  line-height: var(--text-title3-line-height);
  font-weight: var(--font-weight-regular);
  /* MiSans VF：Figma Title3/Regular 约 330，避免未声明字重时偏粗 */
  font-variation-settings: "wght" 330;
  font-synthesis: none;
  color: var(--color-neutral-9);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.aboat-input::placeholder {
  color: var(--color-neutral-5);
}

.aboat-input:focus {
  border-color: var(--color-progress-3);
  box-shadow: 0 0 0 3px var(--color-progress-alpha-2);
}

.aboat-input:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}