.red-1 { color: red; }                      /* 颜色名（140种） */
.red-2 { color: rgb(255, 0, 0); }            /* RGB */
.red-3 { color: rgba(255, 0, 0, 0.5); }      /* RGBA（含透明度） */
.red-4 { color: #FF0000; }                   /* HEX 十六进制 */
.red-5 { color: hsl(0, 100%, 50%); }          /* HSL */
.red-6 { color: hsla(0, 100%, 50%, 0.5); }    /* HSLA */

/* opacity：元素整体透明（含子元素） */
.transparent-box { opacity: 0.5; }

/* rgba/hsla：只有当前属性透明（推荐） */
.transparent-bg { background-color: rgba(0,0,0,0.5); }

/* 继承当前元素的 color 值——非常实用 */
.card {
  color: #333;
  border: 2px solid currentColor;  /* 边框自动 = #333 */
}