:root {
    --common_level1_base_color: rgba(17, 31, 44, 1);
    --common_level2_base_color: rgba(17, 31, 44, .56);
    --common_level3_base_color: rgba(17, 31, 44, .40);
    --common_level4_base_color: rgba(17, 31, 44, .24);
    --common_line_hard_color: rgba(17, 31, 44, .12);
    --common_line_light_color: rgba(17, 31, 44, .08);
    --common_fg_color: white;
    --common_fg_z1_color: white;
    --common_fg_press_color: #EDEDEE;
    --common_bg_color: #F2F4F5;
    --common_bg_z1_color: white;
    --common_action_icon_color: rgba(17, 31, 44, .85);
    --common_action_icon_press_color: rgba(17, 31, 44, .40);
    --common_stamp_color: rgba(17, 31, 44, .6);
    --common_link_color: #50749A;
    --common_link_press_color: rgba(80, 116, 154, 0.4);
    --common_blue1_color: #0089FF;
    --common_blue2_color: #94CCFB;
    --common_blue3_color: #DEEFFD;
    --common_red1_color: #FB602D;
    --common_red2_color: #F9BCA7;
    --common_red3_color: #FDEAE4;
    --common_orange1_color: #FF9F00;
    --common_orange2_color: #FAD595;
    --common_orange3_color: #FDF2DE;
    --common_green1_color: #00B853;
    --common_green2_color: #94DFB7;
    --common_green3_color: #DEF5E9;
    --common_yellow1_color: #FFCC0C;
    --common_purple1_color: #D189E2;
    --common_white1_color: white;
    --common_white2_color: rgba(17, 31, 44, .40);
    --common_white3_color: rgba(17, 31, 44, .28);
    --common_black1_color: #000000;
    --common_black2_color: rgba(0, 0, 0, .40);
    --common_black3_color: rgba(0, 0, 0, .12);
    --common_gray1_color: #8E8E93;
    --common_gray2_color: #AEAEB2;
    --common_gray3_color: #C7C7CC;
    --common_gray4_color: #D1D1D6;
    --common_gray5_color: #E5E5EA;
    --common_gray6_color: #F2F2F7;
    --im_chat_message_bg_color: #C9E7FF;
    --im_chat_message_press_bg_color: #B3CEE5;
    --im_chat_announcement_message_bg_color: #FCF7D7;
    --im_chat_announcement_message_press_bg_color: #E0DCC0;
    --im_chat_announcement_message_font_color: rgba(25,31,37, 1);
    --im_chat_message_more_bg_color: rgba(25,31,37, 1);
    --im_move_to_slide_action_bg_color: #15BC83;
    --im_move_to_slide_action_press_bg_color: #15A977;
    --im_chat_name_text_color: #7D8082;
    --im_redbag_button_text_color: #884c31;
    --im_chat_bg_color: #EEF1F3;
    --im_ipad_chat_bg_color: #F6F6F6;
    --im_sticky_to_top_tag_bg_color: rgba(50,150,250, .28);
    --im_pic_preview_bar_bg_color: rgba(255, 255, 255, 0.9);
    --im_paymodule1_bg_color: #F7563F;
    --im_paymodule2_bg_color: #F6CE0B;
    --im_paymodule3_bg_color: #9A4300;
    --im_paymodule4_bg_color: #FCF7D7;
    --im_paymodule5_bg_color: #AF9A7C;
    --im_paymodule6_bg_color: #E05449;
    --im_paymodule7_bg_color: #F1E7B2;
    --im_paymodule8_bg_color: #884D31;
    --im_paymodule9_bg_color: #FFE4BB;
    --im_chatcard_disabled_cover_bg_color: rgba(255, 255, 255, 0.4);
    --ding_homepage_expired_button_bg_color: rgba(254,225,81, 1);
    --ding_homepage_expired_button_press_bg_color: #E2C94C;
    --ding_homepage_expired_button_disabled_bg_color: rgba(254,225,81, .12);
    --ding_homepage_received_button_bg_color: #FFC01A;
    --ding_homepage_received_button_press_bg_color: #E3AC1A;
    --ding_untap_cell_bg_color: #FCF7D7;
    --ding_untap_cell_press_bg_color: #E0DCC0;
    --phone_dail_normal_button_bg_color: #15BC83;
    --phone_dail_normal_button_press_bg_color: #15A977;
    --phone_discover_team_bg_color: #E6F2FE;
    --videomeeting_roundbutton_bg_color: rgba(0, 0, 0, .72);
    --common_level5_base_color: rgba(17, 31, 44, .12);
    --common_level6_base_color: rgba(17, 31, 44, .12);
    --common_level7_base_color: rgba(17, 31, 44, .08);
    --common_level8_base_color: #EEF1F3;
    --common_level1_contrary_color: white;
    --common_level2_contrary_color: white;
    --common_level3_contrary_color: white;
    --common_level4_contrary_color: rgba(255, 255, 255, 0.4);
    --common_level5_contrary_color: rgba(255, 255, 255, 0.28);
    --common_level6_contrary_color: rgba(255, 255, 255, 0.28);
    --common_level7_contrary_color: rgba(255, 255, 255, 0.28);
}

:root[data-dingtalk-theme="dark"]{
    --common_level1_base_color: rgba(255, 255, 255, .96);
    --common_level2_base_color: rgba(255, 255, 255, .60);
    --common_level3_base_color: rgba(255, 255, 255, .48);
    --common_level4_base_color: rgba(255, 255, 255, .32);
    --common_line_hard_color: rgba(255, 255, 255, .16);
    --common_line_light_color: rgba(255, 255, 255, .12);
    --common_fg_color: #000000;
    --common_fg_z1_color: #1E1E1E;
    --common_fg_press_color: #3C3C3C;
    --common_bg_color: #000000;
    --common_bg_z1_color: #121212;
    --common_action_icon_color: rgba(255, 255, 255, .80);
    --common_action_icon_press_color: rgba(255, 255, 255, .40);
    --common_stamp_color: rgba(255, 255, 255, .12);
    --common_link_color: #576A95;
    --common_link_press_color: rgba(87,106,149,.4);
    --common_blue1_color: #0081F0;
    --common_blue2_color: #1E466E;
    --common_blue3_color: #15212D;
    --common_red1_color: #E65240;
    --common_red2_color: #662B24;
    --common_red3_color: #2B1917;
    --common_orange1_color: #FF943E;
    --common_orange2_color: #704726;
    --common_orange3_color: #2E2118;
    --common_green1_color: #00B351;
    --common_green2_color: #12553E;
    --common_green3_color: #12261F;
    --common_yellow1_color: #FFCC0C;
    --common_purple1_color: #D189E2;
    --common_white1_color: white;
    --common_white2_color: rgba(255, 255, 255, .40);
    --common_white3_color: rgba(255, 255, 255, .28);
    --common_black1_color: #000000;
    --common_black2_color: rgba(0, 0, 0, .40);
    --common_black3_color: rgba(0, 0, 0, .12);
    --common_gray1_color: #8E8E93;
    --common_gray2_color: #636366;
    --common_gray3_color: #48484A;
    --common_gray4_color: #3A3A3C;
    --common_gray5_color: #2C2C2E;
    --common_gray6_color: #1C1C1E;
    --im_chat_message_bg_color: #1E466E;
    --im_chat_message_press_bg_color: #E0DCC0;
    --im_chat_announcement_message_bg_color: #1E1E1E;
    --im_chat_announcement_message_press_bg_color: #E0DCC0;
    --im_chat_announcement_message_font_color: rgba(25,31,37,1);
    --im_chat_message_more_bg_color: rgba(25,31,37,1);
    --im_move_to_slide_action_bg_color: #15BC83;
    --im_move_to_slide_action_press_bg_color: #15A977;
    --im_chat_name_text_color: #7D8082;
    --im_redbag_button_text_color: #884c31;
    --im_chat_bg_color: #000000;
    --im_ipad_chat_bg_color: #F6F6F6;
    --im_sticky_to_top_tag_bg_color: rgba(50,150,250, 0.28);
    --im_pic_preview_bar_bg_color: rgba(255, 255, 255, 0.9);
    --im_paymodule1_bg_color: #F7563F;
    --im_paymodule2_bg_color: #F6CE0B;
    --im_paymodule3_bg_color: #9A4300;
    --im_paymodule4_bg_color: #FCF7D7;
    --im_paymodule5_bg_color: #AF9A7C;
    --im_paymodule6_bg_color: #E05449;
    --im_paymodule7_bg_color: #F1E7B2;
    --im_paymodule8_bg_color: #884D31;
    --im_paymodule9_bg_color: #FFE4BB;
    --im_chatcard_disabled_cover_bg_color: rgba(0, 0, 0, .48);
    --ding_homepage_expired_button_bg_color: rgba(254,225,81, 1);
    --ding_homepage_expired_button_press_bg_color: #E2C94C;
    --ding_homepage_expired_button_disabled_bg_color: rgba(254,225,81, .12);
    --ding_homepage_received_button_bg_color: #FFC01A;
    --ding_homepage_received_button_press_bg_color: #E3AC1A;
    --ding_untap_cell_bg_color: #FCF7D7;
    --ding_untap_cell_press_bg_color: #E0DCC0;
    --phone_dail_normal_button_bg_color: #15BC83;
    --phone_dail_normal_button_press_bg_color: #15A977;
    --phone_discover_team_bg_color: #E6F2FE;
    --videomeeting_roundbutton_bg_color: rgba(0, 0, 0, .72);
    --common_level5_base_color: rgba(255, 255, 255, .20);
    --common_level6_base_color: rgba(255, 255, 255, .16);
    --common_level7_base_color: rgba(255, 255, 255, .12);
    --common_level8_base_color: #1E2022;
    --common_level1_contrary_color: rgba(25,31,37, 1);
    --common_level2_contrary_color: rgba(25,31,37, .56);
    --common_level3_contrary_color: rgba(25,31,37, .40);
    --common_level4_contrary_color: rgba(25,31,37, .28);
    --common_level5_contrary_color: rgba(25,31,37, .16);
    --common_level6_contrary_color: rgba(25,31,37, .12);
    --common_level7_contrary_color: rgba(25,31,37, .08);
}

@media (prefers-color-scheme: dark) {
    :root{
        --common_level1_base_color: rgba(255, 255, 255, .96);
        --common_level2_base_color: rgba(255, 255, 255, .60);
        --common_level3_base_color: rgba(255, 255, 255, .48);
        --common_level4_base_color: rgba(255, 255, 255, .32);
        --common_line_hard_color: rgba(255, 255, 255, .16);
        --common_line_light_color: rgba(255, 255, 255, .12);
        --common_fg_color: #000000;
        --common_fg_z1_color: #1E1E1E;
        --common_fg_press_color: #3C3C3C;
        --common_bg_color: #000000;
        --common_bg_z1_color: #121212;
        --common_action_icon_color: rgba(255, 255, 255, .80);
        --common_action_icon_press_color: rgba(255, 255, 255, .40);
        --common_stamp_color: rgba(255, 255, 255, .12);
        --common_link_color: #576A95;
        --common_link_press_color: rgba(87,106,149,.4);
        --common_blue1_color: #0081F0;
        --common_blue2_color: #1E466E;
        --common_blue3_color: #15212D;
        --common_red1_color: #E65240;
        --common_red2_color: #662B24;
        --common_red3_color: #2B1917;
        --common_orange1_color: #FF943E;
        --common_orange2_color: #704726;
        --common_orange3_color: #2E2118;
        --common_green1_color: #00B351;
        --common_green2_color: #12553E;
        --common_green3_color: #12261F;
        --common_yellow1_color: #FFCC0C;
        --common_purple1_color: #D189E2;
        --common_white1_color: white;
        --common_white2_color: rgba(255, 255, 255, .40);
        --common_white3_color: rgba(255, 255, 255, .28);
        --common_black1_color: #000000;
        --common_black2_color: rgba(0, 0, 0, .40);
        --common_black3_color: rgba(0, 0, 0, .12);
        --common_gray1_color: #8E8E93;
        --common_gray2_color: #636366;
        --common_gray3_color: #48484A;
        --common_gray4_color: #3A3A3C;
        --common_gray5_color: #2C2C2E;
        --common_gray6_color: #1C1C1E;
        --im_chat_message_bg_color: #1E466E;
        --im_chat_message_press_bg_color: #E0DCC0;
        --im_chat_announcement_message_bg_color: #1E1E1E;
        --im_chat_announcement_message_press_bg_color: #E0DCC0;
        --im_chat_announcement_message_font_color: rgba(25,31,37,1);
        --im_chat_message_more_bg_color: rgba(25,31,37,1);
        --im_move_to_slide_action_bg_color: #15BC83;
        --im_move_to_slide_action_press_bg_color: #15A977;
        --im_chat_name_text_color: #7D8082;
        --im_redbag_button_text_color: #884c31;
        --im_chat_bg_color: #000000;
        --im_ipad_chat_bg_color: #F6F6F6;
        --im_sticky_to_top_tag_bg_color: rgba(50,150,250, 0.28);
        --im_pic_preview_bar_bg_color: rgba(255, 255, 255, 0.9);
        --im_paymodule1_bg_color: #F7563F;
        --im_paymodule2_bg_color: #F6CE0B;
        --im_paymodule3_bg_color: #9A4300;
        --im_paymodule4_bg_color: #FCF7D7;
        --im_paymodule5_bg_color: #AF9A7C;
        --im_paymodule6_bg_color: #E05449;
        --im_paymodule7_bg_color: #F1E7B2;
        --im_paymodule8_bg_color: #884D31;
        --im_paymodule9_bg_color: #FFE4BB;
        --im_chatcard_disabled_cover_bg_color: rgba(0, 0, 0, .48);
        --ding_homepage_expired_button_bg_color: rgba(254,225,81, 1);
        --ding_homepage_expired_button_press_bg_color: #E2C94C;
        --ding_homepage_expired_button_disabled_bg_color: rgba(254,225,81, .12);
        --ding_homepage_received_button_bg_color: #FFC01A;
        --ding_homepage_received_button_press_bg_color: #E3AC1A;
        --ding_untap_cell_bg_color: #FCF7D7;
        --ding_untap_cell_press_bg_color: #E0DCC0;
        --phone_dail_normal_button_bg_color: #15BC83;
        --phone_dail_normal_button_press_bg_color: #15A977;
        --phone_discover_team_bg_color: #E6F2FE;
        --videomeeting_roundbutton_bg_color: rgba(0, 0, 0, .72);
        --common_level5_base_color: rgba(255, 255, 255, .20);
        --common_level6_base_color: rgba(255, 255, 255, .16);
        --common_level7_base_color: rgba(255, 255, 255, .12);
        --common_level8_base_color: #1E2022;
        --common_level1_contrary_color: rgba(25,31,37, 1);
        --common_level2_contrary_color: rgba(25,31,37, .56);
        --common_level3_contrary_color: rgba(25,31,37, .40);
        --common_level4_contrary_color: rgba(25,31,37, .28);
        --common_level5_contrary_color: rgba(25,31,37, .16);
        --common_level6_contrary_color: rgba(25,31,37, .12);
        --common_level7_contrary_color: rgba(25,31,37, .08);
    }
}