<template>
  <div h-full uno-padding-20>
    <div h-full text-center flex select-none all:transition-400>
      <div ma>
        <div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>UnoCSS</div>
        <div op30 dark:op60 text-lg fw300 m1>具有高性能且极具灵活性的即时原子化 CSS 引擎</div>
        <div m2 flex justify-center text-lg op30 dark:op60 hover="op80" dark:hover="op80">
          <a href="https://antfu.me/posts/reimagine-atomic-css-zh" target="_blank">推荐阅读：重新构想原子化 CSS</a>
        </div>
      </div>
    </div>
    <div absolute bottom-5 right-0 left-0 text-center op30 dark:op60 fw300>
      该页面是一个 UnoCSS 的使用案例，其他页面依旧采用 Scss
    </div>
  </div>
</template>
