:root {

  /* 浅绿色 */
  --theme-color2: hsl(141, 63%, 66%); /* #73DF98 */
  /* 全局底色 */
  --theme-color3: hsl(141, 70%, 8%); /* #06210F */
  /* 浅底色 */
  --theme-color4: hsl(140, 73%, 19%); /* #0D5324 */
  /* 底色 */
  --theme-color5: hsl(140, 69%, 13%);/*#0A3619 */
  /* 弹框底色 */
  --theme-color6: hsl(140, 66.2%, 12.7%);/*#0B3619 */
  /* 边框色1 */
  --theme-color7: hsl(140, 79%, 23%); /* #0C692B */
  /* 边框色2 */
  --theme-color8: hsl(140, 86%, 5%); /* #021A0A */
  /* 进度条 */
  --theme-color8: hsl(140, 89%, 11%); /* #033313 */
  /* 辅助色 */
  --theme-color9: hsl(140, 66%, 78%); /* #A1ECBA */
 /* 边框色3 */
 --theme-color10: hsl(140, 80%, 23.5%); /* #06722A */
 /* 边框色4 */
 --theme-color11: hsl(141, 46%, 18%, 0.35); /* #075322 */
 /* 辅助色2 */
 --theme-color12: hsl(139, 76%, 8%); /* #05240F */
 --theme-color13: hsl(140, 82%, 33%); /* #0F973D */
 --theme-color14: hsl(31, 100%, 31%); /* #9E5200 */
 --theme-color15: hsl(140, 70%, 12%); /* #093317 */

 --theme-color17: hsl(132, 60%, 27%);/* #1C6F2C */
 --theme-color18: hsl(139, 83%, 7%);/*#03200C*/
 --theme-color19: hsl(140, 91%, 42%); /* #0ACB4A */
 --theme-color20:hsl(139, 76%, 11%); /*#0733158*/
 --theme-color21:hsl(140, 55%, 68%);; /*#7FDA9D*/
 --theme-color22:hsl(87, 79%, 60%); /*#A0E948*/
 --theme-color23:hsl(138, 34%, 52%);/*#5BAF74*/
  /* 全局白色 */
  --theme-neutral1: hsl(0, 0%, 100%); /* #FFFFFF */
  /* 全局白色 */
  --theme-neutral2: hsl(0, 0%, 100%, 0.5); /* FFFFFF 50% */
  /* 全局透明绿 */
  --theme-neutral3: hsl(140, 85%, 28%, 0.5); /* #0B8434 50% */
  /* 全局黑色 */
  --theme-black: hsl(0, 0%, 0%, 1); /* #000000 */ 
  --theme-black1: hsl(139, 76%, 8%, 1); /* #05240F */ 
  /* 遮罩70% */
  --theme-neutral4: hsl(0, 0%, 0%, 0.7); /* #000000 70% */
  /* 遮罩20% */
  --theme-neutral5: hsl(0, 0%, 0%, 0.2); /* #000000 20% */

  /* 主色渐变1 */
  --theme-main-gradient1: hsl(80, 77%, 45%); /* #8FCB1A */
  --theme-main-gradient2: hsl(138, 92%, 29%); /*#068F30 */

  /* 特色渐变2  */
  --theme-ts2-gradient1: hsl(54, 100%, 63%); /* #FFEC41 */
  --theme-ts2-gradient2: hsl(41, 93%, 52%); /* #F7AD13 */
  --theme-ts2-gradient3: hsl(54, 91%, 54%); /* #F4DE21 */

  /* 特色渐变3  */
  --theme-ts3-gradient1: hsl(140, 72%, 14%); /* #0A3D1B */
  --theme-ts3-gradient2: hsl(140, 71%, 29%); /* #168039 */

  /* 特色渐变4  */
  --theme-ts4-gradient1: hsl(140, 85%, 28%); /* #0B8635 */
  --theme-ts4-gradient2: hsl(139, 62%, 24%); /* #17612E */
  /* 特色渐变5  */
  --theme-ts5-gradient1: hsl(140, 83.8%, 14.5%); /* #06441B */
  --theme-ts5-gradient2: hsl(140, 89.7%, 19.0%); /* #055C22 */
  /* 特色渐变6  */
  --theme-ts6-gradient1: hsl(120, 84.1%, 39.4%); /* #10B910 */
  --theme-ts6-gradient2: hsl(120, 97.4%, 30.2%); /* #029802 */
  /* 特色渐变7  */
  --theme-ts7-gradient1: hsl(142, 81.9%, 28.2%); /* #0D8339 */
  --theme-ts7-gradient2: hsl(139, 63.6%, 23.7%); /* #16632E */
  /* 特色渐变8  */
  --theme-ts8-gradient1: hsl(142, 98%, 35%); /* #02B343 */
  --theme-ts8-gradient2: hsl(142, 97%, 15%); /* #014D1D */

  /* 主绿色 */
  --theme-dec1: hsl(140, 85%, 28%); /* #0B8534 */
  /* 主蓝色 */
  --theme-dec2: hsl(193, 95%, 43%); /* #05A9D8 */

  /* 主红色 */
  --theme-dec3: hsl(24, 100%, 28%); /* #903A00 */

  /* 主黄色 */
  --theme-dec4: hsl(60, 100%, 50%); /* #FFFF00 */

  /* 主红色2 */
  --theme-dec5: hsl(0, 58%, 54%); /* #CD4545 */
  --font-title-b: .7rem;
  --font-title-c: .54rem;
  --font-title: .44rem;
  --font-title2: .38rem;
  --font-size: .32rem;
  --font-size2: .28rem;
  --font-size3: .26rem;

  --border-radius: 0.15rem;
  --mask-color: rgba(0, 0, 0, 0.5);
  
}