/*
  ⚠️ PLEASE DO NOT MODIFY THIS FILE!

  All code is automatically generated by plugin `less-var-to-css-var`.
*/
@import './variables.less';

:root {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
  --safe-area-inset-right: env(safe-area-inset-right);
  --THEME--DARK: ~'theme-dark';
  --THEME--TEST: ~'theme-test';
  --container-ext-width: 280px;
  --page-body-bg-color: #fff;
  --page-border-radius: 5px;
  --page-header-logo-left: 20px;
  --page-padding-x: 20px;
  --back-button-padding-x: 10px;
  --navbar-min-height: 32px;
  --navbar-padding-x: 16px;
  --layout-main-bg-color: #f6fbfe;
  --layout-sidebar-bg-color: #fff;
  --layout-sidebar-width--pc: 240px;
  --layout-sidebar-width--mb: 100%;
  --tab-bar-bg-color: #f4f4f5;
  --comment-bar-bg-color: #eee;
  --pane-drawer-border-radius: 18px;
  --pane-drawer-bg-color: #eee;
  --pane-drawer-cancel-button-color: #e2e1e4;
  --comment-count-color: #fd0000;
  --charging-count-color: #fca810;
  --favorite-count-color: #fd0000;
  --login-tips-color: #a1b2c5;
  --font-chinese: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';
  --font-family: -apple-system, BlinkMacSystemFont, @font-chinese, 'Helvetica Neue', Helvetica, Ubuntu, Roboto, Noto, 'Segoe UI', Arial, sans-serif;
  --font-family--android: system, sans-serif;
  --style-ui-family: -apple-system, BlinkMacSystemFont, @font-chinese, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', Arial, sans-serif;
  --number-family: 'Avenir Next', 'Avenir', 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --price-family: 'Avenir Next', 'Avenir', 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --code-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --prime-family: 'CindieMono-D', sans-serif;
  --palette-GR01: #d71a1b;
  --palette-GW01: #fff;
  --palette-GB01: #000000;
  --palette-GB02: #141414;
  --palette-GB03: #1f1f1f;
  --palette-GB04: #262626;
  --palette-GB05: #333333;
  --palette-GB06: #595959;
  --palette-GB07: #8c8c8c;
  --palette-GB08: #bfbfbf;
  --palette-GB09: #d9d9d9;
  --palette-GB10: #f0f0f0;
  --palette-GB11: #f5f5f5;
  --palette-GB12: #fafafa;
  --palette-GB13: #ffffff;
  --border-radius-base: 5px;
  --border-radius-sm: 2px;
  --switch-height: 30px;
  --switch-sm-height: 16px;
  --switch-min-width: 50px;
  --switch-sm-min-width: 28px;
  --text-color: #333;
  --sub-text-color: lighten(@text-color, 50%);
  --primary-bg-color: #f2f2f2;
  --primary-color: #d71a1b;
  --prime-bg-color: #20232c;
  --prime-tab-text-color: #63646b;
  --prime-tab-bg-color: #0e0e11;
  --prime-button-bg-color: #2a2c35;
  --prime-update-notice-color: #aaa;
  --prime-update-notice-bg-color: #2a2c35;
  --prime-gold-text-color: #eebe8e;
  --prime-input-bg-color: #999;
  --secondary-color: #1f8a85;
  --info-color: #1890ff;
  --success-color: #52c41a;
  --processing-color: #1890ff;
  --error-color: #f5222d;
  --highlight-color: #f5222d;
  --warning-color: #faad14;
  --normal-color: #d9d9d9;
  --screen-xs: 480px;
  --screen-sm: 576px;
  --screen-md: 768px;
  --screen-lg: 992px;
  --screen-xl: 12000px;
  --screen-xxl: 16000px;
  --font-size-base: 14px;
  --iconfont-css-prefix: anticon;
  --line-height-base: 1.5715;
  --android-app-safe-area-bottom: 12px;
}

.comp-wrapper--alwaysDarkMode,
:global(.@{THEME--DARK}) .comp-wrapper {
  --tab-bar-bg-color: #18191a;
  --comment-bar-bg-color: #181818;
  --pane-drawer-bg-color: #181818;
  --pane-drawer-cancel-button-color: #222;
  --login-tips-color: #a1b2c5;
  --palette-GR01: #fc0d0e;
  --palette-GW01: #000;
  --palette-GB01: #ffffff;
  --palette-GB02: #fafafa;
  --palette-GB03: #f5f5f5;
  --palette-GB04: #f0f0f0;
  --palette-GB05: #d9d9d9;
  --palette-GB06: #bfbfbf;
  --palette-GB07: #8c8c8c;
  --palette-GB08: #595959;
  --palette-GB09: #333333;
  --palette-GB10: #262626;
  --palette-GB11: #1f1f1f;
  --palette-GB12: #141414;
  --palette-GB13: #000000;
  --text-color: #eee;
  --sub-text-color: lighten(@text-color, 50%);
  --primary-bg-color: #000;
  --primary-color: #fc0d0e;
  --prime-gold-text-color: #eebe8e;
  --prime-input-bg-color: #0d0e11;
}