<template>
  <view class="container">
    <view class="card block">
      <view class="t">我的肤质档案</view>
      <view class="muted p">肤质：敏感偏干</view>
      <view class="muted p">关注：补水修护、减少泛红</view>
      <view class="muted p">过敏史：无（示例）</view>
      <view class="muted p">备注：本页为原型演示，商用版可由门店持续更新</view>
    </view>
    <view class="card block">
      <view class="t">建议</view>
      <view class="muted p">优先选择：补水修护、舒缓敏感类项目</view>
      <view class="muted p">避免：爆痘炎症期的强刺激清洁项目</view>
    </view>
    <AiFloat />
  </view>
</template>

<script>
import AiFloat from '@/components/AiFloat.vue'

export default {
  components: { AiFloat }
}
</script>

<style lang="scss" scoped>
.block {
  padding: 22rpx;
  margin-bottom: 18rpx;
}
.t {
  font-size: 32rpx;
  font-weight: 950;
}
.p {
  margin-top: 14rpx;
  font-size: 26rpx;
  line-height: 1.7;
}
</style>

