page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 28rpx;
  color: #333;
}

/* Flex 布局 - 对应 HBox/VBox */
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-fill {
  flex: 1;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}

/* 标题 - 对应 Title1-6 */
.title-1 { font-size: 64rpx; font-weight: bold; }
.title-2 { font-size: 56rpx; font-weight: bold; }
.title-3 { font-size: 48rpx; font-weight: semi-bold; }
.title-4 { font-size: 40rpx; font-weight: medium; }
.title-5 { font-size: 36rpx; font-weight: medium; }
.title-6 { font-size: 32rpx; font-weight: medium; }

/* 文本 */
.text-content { padding: 16rpx 32rpx; line-height: 1.6; }

/* 输入框 */
.input-field {
  border: 1rpx solid #ddd;
  border-radius: 8rpx;
  padding: 16rpx 24rpx;
  margin: 16rpx 32rpx;
  font-size: 28rpx;
}

/* Loading - 对应 Running */
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40rpx;
}

/* 图片 */
.image-content { width: 100%; height: auto; }
.icon-content { width: 48rpx; height: 48rpx; }

/* 滚动面板 */
.scroll-panel { width: 100%; height: 100%; }

/* Modal */
.modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.modal-content {
  background: #fff;
  border-radius: 16rpx;
  padding: 32rpx;
  max-width: 80%;
}

/* Menu */
.menu-item {
  padding: 24rpx 32rpx;
  border-bottom: 1rpx solid #eee;
}