/**
 * IE 11 不支持 custom-property
 * 利用 polyfill 将以下 :root 内定义的自定义变量自动编译替换到对应的 var(--xxx) 属性值中去。
 * 注意：为了与 IE 11 时的官网主题一致，:root 内定义的是深色主题的颜色变量
 */
:root {
    --color-brand-key: #19d66b;
    --color-brand-regular: #21b36c;
    --color-brand-dark: #2a9963;
    --color-brand-hover: #1aab77;
    --color-brand-gradient: linear-gradient(#19d66b, #48b7d8);
    --color-gray-1: #f3f7f6;
    --color-gray-2: #a8b3ae;
    --color-gray-3: #5e6666;
    --color-gray-3-alpha-80: rgba(94, 102, 102, 0.8);
    --color-black: #000;
    --color-white: #fff;
    --color-bg: #141414;
    --color-bg-nav: #171717;
    --color-bg-1: #1f1f1f;
    --color-bg-2: #282828;
    --color-bg-3: #343434;
    --color-bg-4: #424242;
    --color-blue: #3897ff;
    --color-cyan: #26bdb2;
    --color-purple: #9f57ff;
    --color-purple-hover: #813edb;
    --color-pink: #fa47ab;
    --color-orange: #ff8a2a;
    --color-green: #6dd400;
    --color-sub-gradient: linear-gradient(#f2e29d, #c8a86b);
    --color-sub-text: #c8a86b;
    --color-sub-bg: #c8a86b;
    --color-link-hover: #415acd;
    --color-red: #df4545;
    --color-yellow: #e8cb2e;
    --color-gold: #f2e29d;
    --color-red: #df4545;
    --color-link: #778fff;
    --color-base-border: rgba(255, 255, 255, 0.08);
    --color-vip-text: #c8a86b;
    --color-live-card-background: rgba(40, 40, 40, 0.95);
    --color-games-banner-mask: linear-gradient(90deg, rgba(20, 20, 20, 1), rgba(20, 20, 20, 0));

    // 透明前景色，以浅色模式做参考
    --color-l04-d06: rgba(255, 255, 255, 0.06);
    --color-l10-d12: rgba(255, 255, 255, 0.12);
    --color-l14-d18: rgba(255, 255, 255, 0.18);
    --color-l06-d12: rgba(255, 255, 255, 0.12);
    --color-l10-d6: rgba(255, 255, 255, 0.06);
    // 透明背景色,menu shadow
    --color-transparent-shadow: rgba(0, 0, 0, 0.4);
    --color-l30-d10: rgba(0, 0, 0, 0.1);

    // 组件
    --color-button-text-primary: #f3f7f6;

    // 聊天输入框背景
    --color-input-bg: rgba(255, 255, 255, 0.06);
    --color-chat-setting-bg: linear-gradient(#282828, #171717);
    --color-chat-border: rgba(255, 255, 255, 0.06);
    // 礼物面板
    --color-gift-msg-bg: rgba(255, 255, 255, 0.06);
    --color-gift-box-bg: rgba(31, 31, 31, 0.9);
    --color-elixir-bg: rgba(255, 255, 255, 0.06);
    --color-elixir-bg-hover: rgba(255, 255, 255, 0.1);
    --color-cast-btn: rgba(255, 255, 255, 0.12);
    --color-cast-btn-active: #493681;
    //黑白对应遮罩
    --color-mask-bg: rgba(0, 0, 0, 0.4);
    // Following
    --color-anchor-card: rgba(255, 255, 255, 0.06);
    --color-user-linear: linear-gradient(270deg, #5c615e 0%, #363b39 100%);
    --color-activity-lv: rgba(110, 110, 110, 0.3);
}