/**
 * Theme Variables (Auto-generated from tokens-with-syntax.json)
 * Using codeSyntax.WEB as variable names
 * Light: 182 variables
 * Dark: 158 variables
 
 */

html {
  --ft-primary-1: #87E64A; /* {梯度色板.🌞  Main-light.6-#87E64A} */
  --ft-primary-2: #6DDC2B; /* {梯度色板.🌞  Main-light.7-#6DDC2B} */
  --ft-primary-3: #9FEB6B; /* {梯度色板.🌞  Main-light.5-#9FEB6B} */
  --ft-primary-4: #9FEB6B; /* {梯度色板.🌞  Main-light.5-#9FEB6B} */
  --ft-primary-5: #E1F9CF; /* {梯度色板.🌞  Main-light.2-#E1F9CF} */
  --ft-secondary-1: #FF3C93; /* {梯度色板.🌞 Secondary-light.6-#FF3C93} */
  --ft-secondary-2: #FA1B84; /* {梯度色板.🌞 Secondary-light.7-#FA1B84} */
  --ft-secondary-3: #FF61A5; /* {梯度色板.🌞 Secondary-light.5-#FF61A5} */
  --ft-secondary-4: #FF61A5; /* {梯度色板.🌞 Secondary-light.5-#FF61A5} */
  --ft-secondary-5: #FFAACC; /* {梯度色板.🌞 Secondary-light.3-#FFAACC} */
  --ft-fill-btn-1: #000000; /* {梯度色板.🖤 black-t.10-#000000} */
  --ft-fill-btn-2: rgba(0, 0, 0, 0.8); /* {梯度色板.🖤 black-t.8-#000000 80%} */
  --ft-fill-btn-3: rgba(0, 0, 0, 0.9); /* {梯度色板.🖤 black-t.9-#000000 90%} */
  --ft-fill-btn-4: #000000; /* {梯度色板.🖤 black-t.10-#000000} */
  --ft-fill-btn-5: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-fill-btn-6: rgba(255, 255, 255, 0.7); /* {梯度色板.🤍 White-t.7-#FFFFFF 70%} */
  --ft-fill-btn-7: rgba(255, 255, 255, 0.9); /* {梯度色板.🤍 White-t.9-#FFFFFF 90%} */
  --ft-fill-btn-8: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-fill-btn-9: rgba(109, 220, 43, 0.1); /* {梯度色板.💚 Brand-t.3-#6DDC2B 10%} */
  --ft-fill-btn-10: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-btn-11: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-btn-20: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-btn-13: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-btn-14: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-btn-15: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-btn-12: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-btn-17: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-btn-18: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-btn-19: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-drop-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-opt-1: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-opt-2: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-opt-3: #EFEFEF; /* {梯度色板.🌞 White-f.3-#EFEFEF} */
  --ft-fill-opt-4: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-drop-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-drop-3: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-drop-4: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-ipt-0: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-segmented-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-segmented-2: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-segmented-3: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-fill-segmented-4: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-ipt-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-upload-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-pgs-0: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-pgs-1: #87E64A; /* {梯度色板.🌞  Main-light.6-#87E64A} */
  --ft-fill-pgs-2: #87E64A; /* {梯度色板.🌞  Main-light.6-#87E64A} */
  --ft-fill-upload-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-upload-3: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-ipt-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-ipt-3: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-ipt-4: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-border-opt-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-opt-2: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-opt-3: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-border-opt-4: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-ipt-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-ipt-2: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-ipt-3: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-border-ipt-4: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-text-btn-1: #F9F9F9; /* {梯度色板.🌚  Grey-dark.11-#F9F9F9} */
  --ft-text-btn-2: #F9F9F9; /* {梯度色板.🌚  Grey-dark.11-#F9F9F9} */
  --ft-text-btn-3: #F9F9F9; /* {梯度色板.🌚  Grey-dark.11-#F9F9F9} */
  --ft-text-btn-4: #878B90; /* {梯度色板.🌚  Grey-dark.7-#878B90} */
  --ft-text-drop-1: #3A3F45; /* {梯度色板.🌞 Grey-light.9-#3A3F45} */
  --ft-text-drop-2: #3A3F45; /* {梯度色板.🌞 Grey-light.9-#3A3F45} */
  --ft-text-drop-3: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-drop-4: #A4A6A9; /* {梯度色板.🌞 Grey-light.4-#A4A6A9} */
  --ft-text-opt-1: #6B6F75; /* {梯度色板.🌞 Grey-light.6-#6B6F75} */
  --ft-text-opt-2: #4A4F55; /* {梯度色板.🌞 Grey-light.8-#4A4F55} */
  --ft-text-opt-3: #1C1F23; /* {梯度色板.🌞 Grey-light.11-#1C1F23} */
  --ft-text-opt-4: #A4A6A9; /* {梯度色板.🌞 Grey-light.4-#A4A6A9} */
  --ft-bg-0: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-bg-1: #F7F7F9; /* {梯度色板.🌞 White-f.1-#F7F7F9} */
  --ft-bg-2: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-bg-3: #F2F3F5; /* {梯度色板.🌞 White-f.2-#F2F3F5} */
  --ft-bg-4: #F6FDF0; /* {梯度色板.🌞  Main-light.1-#F6FDF0} */
  --ft-bg-5: #EFEFEF; /* {梯度色板.🌞 White-f.3-#EFEFEF} */
  --ft-bg-6: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-bg-7: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-bg-8: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-text-1: #1C1F23; /* {梯度色板.🌞 Grey-light.11-#1C1F23} */
  --ft-fill-tab-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-tab-2: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-tab-3: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-tab-4: #121315; /* {梯度色板.🌚 Dark-f.1-#121315} */
  --ft-fill-t-1: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-t-2: rgba(12, 12, 13, 0.3); /* {梯度色板.🖤 🩶 dark-t.5-#0C0C0D 30%} */
  --ft-fill-t-3: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-fill-t-4: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-bw-0: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-bw-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-fill-bw-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-bw-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-bw-4: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-fill-bw-5: rgba(255, 255, 255, 0.4); /* {梯度色板.🤍 White-t.6-#FFFFFF 40%} */
  --ft-fill-bw-6: rgba(255, 255, 255, 0.7); /* {梯度色板.🤍 White-t.7-#FFFFFF 70%} */
  --ft-fill-bw-7: rgba(255, 255, 255, 0.9); /* {梯度色板.🤍 White-t.9-#FFFFFF 90%} */
  --ft-fill-wb-0: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-wb-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-wb-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-wb-3: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-wb-4: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-wb-5: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-wb-6: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-fill-ww-0: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-ww-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-border-1: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-success-1: #3FC053; /* {梯度色板.🌞 Green-light.6-#3FC053} */
  --ft-success-2: #35A749; /* {梯度色板.🌞 Green-light.7-#35A749} */
  --ft-success-3: #62CB71; /* {梯度色板.🌞 Green-light.5-#62CB71} */
  --ft-success-4: #CAEDCE; /* {梯度色板.🌞 Green-light.2-#CAEDCE} */
  --ft-warning-1: #FF9500; /* {梯度色板.🌞 Orange-light.6-#FF9500} */
  --ft-danger-1: #FF441F; /* {梯度色板.🌞  Red-light.6-#FF441F} */
  --ft-link-1: #147FFD; /* {梯度色板.🌚 Blue-dark.6-#147FFD} */
  --ft-link-2: #0065E2; /* {梯度色板.🌞  Blue-light.7-#0065E2} */
  --ft-link-3: #2F90FF; /* {梯度色板.🌞  Blue-light.5-#2F90FF} */
  --ft-link-4: #2F90FF; /* {梯度色板.🌞  Blue-light.5-#2F90FF} */
  --ft-link-5: #BCDDFF; /* {梯度色板.🌞  Blue-light.2-#BCDDFF} */
  --ft-danger-2: #FB2300; /* {梯度色板.🌞  Red-light.7-#FB2300} */
  --ft-danger-3: #FF6B48; /* {梯度色板.🌞  Red-light.5-#FF6B48} */
  --ft-danger-4: #FFD4C5; /* {梯度色板.🌞  Red-light.2-#FFD4C5} */
  --ft-warning-2: #DD7800; /* {梯度色板.🌞 Orange-light.7-#DD7800} */
  --ft-warning-3: #FFAF2F; /* {梯度色板.🌞 Orange-light.5-#FFAF2F} */
  --ft-warning-4: #FFECBC; /* {梯度色板.🌞 Orange-light.2-#FFECBC} */
  --ft-border-2: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-border-3: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-border-4: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-border-t-1: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-border-t-2: rgba(109, 220, 43, 0.85); /* {梯度色板.💚 Brand-t.8-#6DDC2B 85%} */
  --ft-fill-ww-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-ww-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-ww-4: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-fill-ww-5: rgba(255, 255, 255, 0.4); /* {梯度色板.🤍 White-t.6-#FFFFFF 40%} */
  --ft-fill-bb-0: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-bb-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-bb-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-bb-3: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-bb-4: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-bb-5: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-bb-6: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-text-2: #3A3F45; /* {梯度色板.🌞 Grey-light.9-#3A3F45} */
  --ft-text-3: #5A5F65; /* {梯度色板.🌞 Grey-light.7-#5A5F65} */
  --ft-text-4: #878B90; /* {梯度色板.🌞 Grey-light.5-#878B90} */
  --ft-text-5: #A4A6A9; /* {梯度色板.🌞 Grey-light.4-#A4A6A9} */
  --ft-text-6: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-text-white: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-text-dark: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-text-primary: #5ABA24; /* {梯度色板.🌞  Main-light.8-#5ABA24} */
  --ft-text-tab-1: #6B6F75; /* {梯度色板.🌞 Grey-light.6-#6B6F75} */
  --ft-text-tab-2: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-tab-3: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-tab-4: #F7F7F9; /* {梯度色板.🌞 White-f.1-#F7F7F9} */
  --ft-text-tab-5: #DDDEDE; /* {梯度色板.🌞 Grey-light.2-#DDDEDE} */
  --ft-fill-pt-1: rgba(0, 117, 255, 0.1); /* {梯度色板.🟦 blue-t.3-#0075FF 10%} */
  --ft-fill-pt-2: rgba(109, 220, 43, 0.1); /* {梯度色板.💚 Brand-t.3-#6DDC2B 10%} */
  --ft-fill-pt-3: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-pt-4: rgba(109, 220, 43, 0.3); /* {梯度色板.💚 Brand-t.5-#6DDC2B 30%} */
  --ft-radius-0: 0px; /* 0 */
  --ft-radius-4: 4px; /* 4 */
  --ft-radius-6: 6px; /* 6 */
  --ft-radius-8: 8px; /* 8 */
  --ft-radius-12: 12px; /* 12 */
  --ft-radius-16: 16px; /* 16 */
  --ft-radius-20: 20px; /* 20 */
  --ft-radius-24: 24px; /* 24 */
  --ft-radius-9999: 9999px; /* 9999 */
  --ft-padding-0: 0px; /* 0 */
  --ft-padding-2: 2px; /* 2 */
  --ft-padding-4: 4px; /* 4 */
  --ft-padding-6: 6px; /* 6 */
  --ft-padding-8: 8px; /* 8 */
  --ft-padding-12: 12px; /* 12 */
  --ft-padding-16: 16px; /* 16 */
  --ft-padding-20: 20px; /* 20 */
  --ft-padding-24: 24px; /* 24 */
  --ft-padding-28: 28px; /* 28 */
  --ft-padding-32: 32px; /* 32 */
  --ft-padding-40: 40px; /* 40 */
  --ft-padding-48: 48px; /* 48 */
  --ft-padding-56: 56px; /* 56 */
  --ft-padding-60: 60px; /* 60 */
}

html.dark {
  --ft-primary-1: #90E957; /* {梯度色板.🌚  Main-dark.6-#90E957} */
  --ft-primary-2: #A6EC77; /* {梯度色板.🌚  Main-dark.7-#A6EC77} */
  --ft-primary-3: #77DD39; /* {梯度色板.🌚  Main-dark.5-#77DD39} */
  --ft-primary-4: #77DD39; /* {梯度色板.🌚  Main-dark.5-#77DD39} */
  --ft-primary-5: #509929; /* {梯度色板.🌚  Main-dark.3-#509929} */
  --ft-secondary-1: #FF3C97; /* {梯度色板.🌚 Secondary-light.6-#FF3C97} */
  --ft-secondary-2: #FF60A5; /* {梯度色板.🌚 Secondary-light.7-#FF60A5} */
  --ft-secondary-3: #F81E88; /* {梯度色板.🌚 Secondary-light.5-#F81E88} */
  --ft-secondary-4: #F81E88; /* {梯度色板.🌚 Secondary-light.5-#F81E88} */
  --ft-secondary-5: #BB136A; /* {梯度色板.🌚 Secondary-light.3-#BB136A} */
  --ft-fill-btn-1: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-fill-btn-2: rgba(255, 255, 255, 0.8); /* {梯度色板.🤍 White-t.8-#FFFFFF 80%} */
  --ft-fill-btn-3: rgba(255, 255, 255, 0.9); /* {梯度色板.🤍 White-t.9-#FFFFFF 90%} */
  --ft-fill-btn-4: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-fill-btn-5: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-fill-btn-6: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-fill-btn-7: rgba(12, 12, 13, 0.9); /* {梯度色板.🖤 🩶 dark-t.9-#0C0C0D 90%} */
  --ft-fill-btn-8: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-fill-btn-9: rgba(109, 220, 43, 0.1); /* {梯度色板.💚 Brand-t.3-#6DDC2B 10%} */
  --ft-fill-btn-10: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-btn-11: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-btn-20: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-btn-13: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-btn-14: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-btn-15: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-fill-btn-12: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-btn-17: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-btn-18: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-btn-19: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-drop-1: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-opt-1: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-opt-2: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-opt-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-opt-4: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-drop-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-drop-3: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-drop-4: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-ipt-0: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-segmented-1: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-segmented-2: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-segmented-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-segmented-4: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-ipt-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-fill-upload-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-fill-pgs-0: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-pgs-1: #90E957; /* {梯度色板.🌚  Main-dark.6-#90E957} */
  --ft-fill-pgs-2: #90E957; /* {梯度色板.🌚  Main-dark.6-#90E957} */
  --ft-fill-upload-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-upload-3: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-fill-ipt-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-ipt-3: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-ipt-4: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-border-opt-1: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-border-opt-2: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-border-opt-3: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-border-opt-4: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-border-ipt-1: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-border-ipt-2: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-border-ipt-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-border-ipt-4: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-text-btn-1: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-btn-2: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-btn-3: #2B2F34; /* {梯度色板.🌞 Grey-light.10-#2B2F34} */
  --ft-text-btn-4: #5A5F65; /* {梯度色板.🌞 Grey-light.7-#5A5F65} */
  --ft-text-drop-1: #C1C2C3; /* {梯度色板.🌚  Grey-dark.9-#C1C2C3} */
  --ft-text-drop-2: #C1C2C3; /* {梯度色板.🌚  Grey-dark.9-#C1C2C3} */
  --ft-text-drop-3: #DDDEDE; /* {梯度色板.🌚  Grey-dark.10-#DDDEDE} */
  --ft-text-drop-4: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-text-opt-1: #878B90; /* {梯度色板.🌚  Grey-dark.7-#878B90} */
  --ft-text-opt-2: #A4A6A9; /* {梯度色板.🌚  Grey-dark.8-#A4A6A9} */
  --ft-text-opt-3: #DDDEDE; /* {梯度色板.🌚  Grey-dark.10-#DDDEDE} */
  --ft-text-opt-4: #2D3037; /* {梯度色板.🌚  Grey-dark.2-#2D3037} */
  --ft-bg-0: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-bg-1: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-bg-2: #1A1A1E; /* {梯度色板.🌚 Dark-f.2-#1A1A1E} */
  --ft-bg-3: #1A1A1E; /* {梯度色板.🌚 Dark-f.2-#1A1A1E} */
  --ft-bg-4: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-bg-5: #323337; /* {梯度色板.🌚 Dark-f.4-#323337} */
  --ft-bg-6: #222328; /* {梯度色板.🌚 Dark-f.3-#222328} */
  --ft-bg-7: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-bg-8: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-text-1: #F9F9F9; /* {梯度色板.🌚  Grey-dark.11-#F9F9F9} */
  --ft-fill-tab-1: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-tab-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-tab-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-tab-4: #F7F7F9; /* {梯度色板.🌞 White-f.1-#F7F7F9} */
  --ft-fill-t-1: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-t-2: rgba(12, 12, 13, 0.3); /* {梯度色板.🖤 🩶 dark-t.5-#0C0C0D 30%} */
  --ft-fill-t-3: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-fill-t-4: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-bw-0: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-bw-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-bw-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-bw-3: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-bw-4: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-bw-5: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-bw-6: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-fill-bw-7: rgba(12, 12, 13, 0.9); /* {梯度色板.🖤 🩶 dark-t.9-#0C0C0D 90%} */
  --ft-fill-wb-0: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-wb-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-fill-wb-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-wb-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-wb-4: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-fill-wb-5: rgba(255, 255, 255, 0.4); /* {梯度色板.🤍 White-t.6-#FFFFFF 40%} */
  --ft-fill-wb-6: rgba(255, 255, 255, 0.7); /* {梯度色板.🤍 White-t.7-#FFFFFF 70%} */
  --ft-fill-ww-0: rgba(255, 255, 255, 0); /* {梯度色板.🤍 White-t.0-#FFFFFF 0%} */
  --ft-fill-ww-1: rgba(255, 255, 255, 0.03); /* {梯度色板.🤍 White-t.1-#FFFFFF 3%} */
  --ft-border-1: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-success-1: #46B657; /* {梯度色板.🌚 Green-dark.6-#46B657} */
  --ft-success-2: #68C375; /* {梯度色板.🌚 Green-dark.7-#68C375} */
  --ft-success-3: #3D9E4D; /* {梯度色板.🌚 Green-dark.5-#3D9E4D} */
  --ft-success-4: #2A6E37; /* {梯度色板.🌚 Green-dark.3-#2A6E37} */
  --ft-warning-1: #FF9D14; /* {梯度色板.🌚 Orange-dark.6-#FF9D14} */
  --ft-danger-1: #FC5232; /* {梯度色板.🌚 Red-dark.6-#FC5232} */
  --ft-link-1: #147FFD; /* {梯度色板.🌚 Blue-dark.6-#147FFD} */
  --ft-link-2: #4098FE; /* {梯度色板.🌚 Blue-dark.7-#4098FE} */
  --ft-link-3: #036CEE; /* {梯度色板.🌚 Blue-dark.5-#036CEE} */
  --ft-link-4: #036CEE; /* {梯度色板.🌚 Blue-dark.5-#036CEE} */
  --ft-link-5: #044BAE; /* {梯度色板.🌚 Blue-dark.3-#044BAE} */
  --ft-danger-2: #FD7958; /* {梯度色板.🌚 Red-dark.7-#FD7958} */
  --ft-danger-3: #F52F17; /* {梯度色板.🌚 Red-dark.5-#F52F17} */
  --ft-danger-4: #B51513; /* {梯度色板.🌚 Red-dark.3-#B51513} */
  --ft-warning-2: #FFB640; /* {梯度色板.🌚 Orange-dark.7-#FFB640} */
  --ft-warning-3: #EA8205; /* {梯度色板.🌚 Orange-dark.5-#EA8205} */
  --ft-warning-4: #9C4E0B; /* {梯度色板.🌚 Orange-dark.3-#9C4E0B} */
  --ft-border-2: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-border-3: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-border-4: rgba(255, 255, 255, 0.4); /* {梯度色板.🤍 White-t.6-#FFFFFF 40%} */
  --ft-border-t-1: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-border-t-2: rgba(109, 220, 43, 0.85); /* {梯度色板.💚 Brand-t.8-#6DDC2B 85%} */
  --ft-fill-ww-2: rgba(255, 255, 255, 0.05); /* {梯度色板.🤍 White-t.2-#FFFFFF 5%} */
  --ft-fill-ww-3: rgba(255, 255, 255, 0.1); /* {梯度色板.🤍 White-t.3-#FFFFFF 10%} */
  --ft-fill-ww-4: rgba(255, 255, 255, 0.2); /* {梯度色板.🤍 White-t.4-#FFFFFF 20%} */
  --ft-fill-ww-5: rgba(255, 255, 255, 0.4); /* {梯度色板.🤍 White-t.6-#FFFFFF 40%} */
  --ft-fill-bb-0: rgba(12, 12, 13, 0); /* {梯度色板.🖤 🩶 dark-t.0-#0C0C0D 0%} */
  --ft-fill-bb-1: rgba(12, 12, 13, 0.03); /* {梯度色板.🖤 🩶 dark-t.1-#0C0C0D 3%} */
  --ft-fill-bb-2: rgba(12, 12, 13, 0.05); /* {梯度色板.🖤 🩶 dark-t.2-#0C0C0D 5%} */
  --ft-fill-bb-3: rgba(12, 12, 13, 0.1); /* {梯度色板.🖤 🩶 dark-t.3-#0C0C0D 10%} */
  --ft-fill-bb-4: rgba(12, 12, 13, 0.2); /* {梯度色板.🖤 🩶 dark-t.4-#0C0C0D 20%} */
  --ft-fill-bb-5: rgba(12, 12, 13, 0.4); /* {梯度色板.🖤 🩶 dark-t.6-#0C0C0D 40%} */
  --ft-fill-bb-6: rgba(12, 12, 13, 0.7); /* {梯度色板.🖤 🩶 dark-t.7-#0C0C0D 70%} */
  --ft-text-2: #C1C2C3; /* {梯度色板.🌚  Grey-dark.9-#C1C2C3} */
  --ft-text-3: #A4A6A9; /* {梯度色板.🌚  Grey-dark.8-#A4A6A9} */
  --ft-text-4: #6B6F75; /* {梯度色板.🌚  Grey-dark.6-#6B6F75} */
  --ft-text-5: #4C4F56; /* {梯度色板.🌚  Grey-dark.4-#4C4F56} */
  --ft-text-6: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-text-white: #FFFFFF; /* {梯度色板.🤍 White-t.10-#FFFFFF} */
  --ft-text-dark: #0C0C0D; /* {梯度色板.🖤 🩶 dark-t.10-#0C0C0D} */
  --ft-text-primary: #77DD39; /* {梯度色板.🌚  Main-dark.5-#77DD39} */
  --ft-text-tab-1: #6B6F75; /* {梯度色板.🌚  Grey-dark.6-#6B6F75} */
  --ft-text-tab-2: #DDDEDE; /* {梯度色板.🌚  Grey-dark.10-#DDDEDE} */
  --ft-text-tab-3: #DDDEDE; /* {梯度色板.🌚  Grey-dark.10-#DDDEDE} */
  --ft-text-tab-4: #121315; /* {梯度色板.🌚 Dark-f.1-#121315} */
  --ft-text-tab-5: #2D3037; /* {梯度色板.🌚  Grey-dark.2-#2D3037} */
  --ft-fill-pt-1: rgba(0, 117, 255, 0.1); /* {梯度色板.🟦 blue-t.3-#0075FF 10%} */
  --ft-fill-pt-2: rgba(109, 220, 43, 0.1); /* {梯度色板.💚 Brand-t.3-#6DDC2B 10%} */
  --ft-fill-pt-3: rgba(109, 220, 43, 0.2); /* {梯度色板.💚 Brand-t.4-#6DDC2B 20%} */
  --ft-fill-pt-4: rgba(109, 220, 43, 0.3); /* {梯度色板.💚 Brand-t.5-#6DDC2B 30%} */
}