@import "tailwindcss";
@import "@arco-design/web-react/dist/css/arco.css";

html, body, #root {
  height: 100%;
  margin: 0;
}

/* H5 移动端适配 */
.h5-layout {
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 安全区域适配（全面屏 iPhone） */
.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 移动端触摸优化 */
.h5-layout button:active {
  opacity: 0.7;
  transition: opacity 0.1s;
}

/* 移动端输入框 focus 状态 */
.h5-layout input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}
