/* 移动端适配：屏幕宽度≤768px（平板/手机） */
@media (max-width: 768px) {
  /* 容器改为流式宽度 */
  .container {
    width: 100%; /* 占满屏幕宽度 */
    padding: 0; /* 减小内边距 */
  }
  /* 导航栏调整（比如换行、减小字体） */
  .nav {
    flex-direction: column; /* 竖排 */
    font-size: 16px;
    margin-bottom: 15px;
  }
  /* 卡片适配 */
  .card {
    width: 100%; /* 占满容器宽度 */
    margin: 10px 0; /* 仅上下间距，取消左右 */
    padding: 15px;
  }
	.login-content {
		width: 94%;
		position: absolute;
		right: 3%;
		border-radius: 1.25rem;
		height: max-content;
		padding: 20px 0;
	}
	.titles {
	  height: 100px;
	  padding: 0 3rem;
	}
	.titles p {
		font-size: 1.2rem;
		line-height: 50px;
	}
	form {
		margin-top: 1.5rem;
		padding: 0 2.25rem;
	}
	.input-con input {
		height: 3rem;
		line-height: 3rem;
		padding-left: 2.8rem;
	}
	.input-con>span {
		float: right;
		width: 3.25rem;
		height: 3.2rem;
		border-radius: 0 0.5rem 0.5rem 0;
	}
	.select-group .sel-list {
		border-bottom-left-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
		border: 0.1rem solid #ddd;
		top: 3.2rem;
	}
	form p {
		font-size: 16px;
		padding-left: 20px;
	}
	form button {
		height: 3rem;
		line-height: 3rem;
		border-radius: 0.5rem;
		font-size: 1rem;
	}
	.bottom-tips {
	  font-size: 12px;
	}
}

/* 小屏手机适配：屏幕宽度≤428px（iPhone 14 Pro Max等） */
@media (max-width: 428px) {
  .nav {
    font-size: 14px; /* 进一步减小字体 */
  }
  .card h3 {
    font-size: 16px; /* 卡片标题缩小 */
  }
  .card p {
    font-size: 14px; /* 卡片内容缩小 */
  }
}

/* 超小屏手机适配：屏幕宽度≤375px（iPhone SE等） */
@media (max-width: 375px) {
  .container {
    padding: 5px; /* 极致减小内边距 */
  }
  .card {
    padding: 10px;
  }
}