/* 默认样式：适用于电脑屏幕 */
.home-page {
  width: 430px; /* 手机屏幕宽度示例 */
  height: 932px; /* 手机屏幕高度示例 */
  margin: 0 auto; /* 居中显示 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 模拟手机边框的阴影 */
  background-color: #f0f0f0; /* 背景颜色 */
  position: relative; /* 为了子元素的绝对定位提供定位上下文 */
}

/* 响应式设计：适用于手机屏幕 */
@media (max-width: 767px) {
  .home-page {
    width: 100vw; /* 视窗宽度的 100% */
    height: 100vh; /* 视窗高度的 100% */
    box-shadow: none; /* 移除阴影 */
    background-color: #f0f0f0; /* 背景颜色 */
  }
}


  
  .home-page h1 {
    font-size: 24px;
    color: var(--td-brand-color);
  }
  
  .home-page p {
    font-size: 16px;
    color: #333;
  }
  
  .t-button {
    margin-top: 20px;
  }