/* ==UserStyle== @name Pure 必应&Material You @namespace github.com/openstyles/stylus @version 1.1.0 @description 将必应优化为 Material You 样式 @author CWorld @license MIT @var color bg1 "页面背景色" #F6FCFF @var color bg2 "卡片背景色" #D8EDF6 @var color bg3 "卡片深景色" #CFE5EF @var color fg1 "字体主色调" #336884 @var color fg2 "字体次色调" #88A5B4 @var color line "轮廓划线色" #B7CBD3 @var color green "绿色" #269FBB @var color red "红色" #E65151 @var color blue "蓝色" #537ECE @var color purple "紫色" #A542DC @var range animate "动画时长" [0.3, 0, 1, 0.1, 's'] @downloadURL none ==/UserStyle== */ @-moz-document url("http://cn.bing.com/"), url-prefix("http://cn.bing.com/?"), url("https://cn.bing.com/"), url-prefix("https://cn.bing.com/?"), url("http://www.bing.com/"), url-prefix("http://www.bing.com/?"), url("https://www.bing.com/"), url-prefix("https://www.bing.com/?") { #est_switch .est_common:not(.est_selected), #sw_as .sa_as .sa_drw, #sw_as .sa_as li.pp_tile, #sw_as .sa_as .sa_tm strong, #sw_as .sa_as table, .footer .items .item a, .footer .items .item span, .footer .msft { color: var(--fg2); } #est_switch .est_selected, #est_switch .est_common:hover, .sbox .sb_form .sb_form_q, #sw_as .sa_as .sa_sg .sa_tm, #sw_as .sa_as .b_tHeader, #sw_as .sa_as .b_demoteText, #sw_as .sa_as .b_secondaryText, #sw_as .sa_as .b_attribution, #sw_as .sa_as .b_factrow, #sw_as .sa_as #sa_ul .b_focusLabel, #sw_as .sa_as .b_footnote, #sw_as .sa_as .b_ad .b_adlabel, #sw_as .sa_as .b_expando .b_subModule, #sw_as .sa_as .b_expando .b_suppModule, #sw_as .sa_as .b_algo .b_vList td, #sw_as .sa_as .b_expando .b_secondaryText, #sw_as .sa_as .b_expando .b_attribution, #sw_as .sa_as .b_expando .b_factrow, #sw_as .sa_as .b_expando .b_footnote, #sw_as .sa_as .ctxtb, #sw_as .as_msbblocksug, #sw_as .as_msbblockheader, #sw_as .sa_msbribboncontainer, #sw_as .sa_as .sa_rmvd { color: var(--fg1); } #est_switch .est_common::after, .footer.no_mod { background-color: var(--bg1); } #est_switch .est_selected::after, #est_switch .est_unselected:hover::after, .sbox .sb_form, .sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw, .sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty):before, #sw_as .sa_hv, #sw_as .as_rmhswarning { background-color: var(--bg2); } #sw_as .as_rmhswarning, .sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty) { border-color: var(--line); } #sw_as .as_rmhswarning > span > a { color: var(--blue) !important; } #sw_as .sa_as .sa_drw .sa_sg .sa_tmHS, #sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong { color: var(--purple); } /* 修复 */ #est_switch .est_unselected { text-shadow: none; } #est_switch .est_common:not(.est_selected), #est_switch .est_common:not(.est_selected)::after { transition: var(--animate); opacity: 0.9 } } @-moz-document url-prefix("http://cn.bing.com/search"), url-prefix("https://cn.bing.com/search"), url-prefix("http://www.bing.com/search"), url-prefix("https://www.bing.com/search") { /* 深色配色供参考 */ /* :root { --bg1: #F6FCFF; --bg2: #D8EDF6; --bg3: #CFE5EF; --fg1: #336884; --fg2: #88A5B4; --line: #B7CBD3; --green: #269FBB; --red: #E65151; --blue: #537ECE; --purple: #A542DC; --animate: 0.3s; } */ /* 浅色配色供参考 */ /* :root { --bg1: #364354; --bg2: #445469; --bg3: #4e5f77; --fg1: #f9f9f9; --fg2: #bfbfbf; --line: #929292; --green: #269fbb; --red: #dd6e6e; --blue: #8eafeb; --purple: #ce92f0; --animate: .3s; } */ /* 广告 */ .dict_oa .ap_icon { display: none; } /* 修复 Darkreader Bug */ .b_header_bg { z-index: -1 !important; } .na_cnt .nws_itm, .nws_itmb, #b_content #b_results > li:not(#mfa_root), body #b_header { border: none; } #b_results > li.b_pag, #b_results > li.b_msg, #b_content #b_results li h2, #b_content #b_results li:hover { background-color: transparent !important; } /* 全局赋色 */ html, body, input, textarea, select, button { background-color: var(--bg1); } body, .b_promoteText, #b_tween a.ftrH, #b_tween a.ftrH:hover, .b_expando, .b_expando h2, .b_active a, .b_active a:visited, .b_active a:hover, #b_results > .b_pag a, #b_results .b_no, #b_content a.cbl:visited, #b_content a.cbl { color: var(--fg2); } a.cbtn, .cbtn a, .cbtn input { border-color: var(--line) } a, #b_tween a:visited, #b_results .b_no a { color: var(--blue); } a:visited { color: var(--purple); } /* 搜索框 */ #est_cn, #est_en, #est_switch .est_unselected { color: var(--fg2); } #est_switch .est_unselected::after { background-color: var(--bg1); border-color: var(--line); } #est_switch .est_selected::after { background-color: var(--bg2); border-color: var(--line); } .b_searchbox { color: var(--fg1); } .b_searchboxForm, .sa_as .sa_drw { background-color: var(--bg2); } .b_scopebar .b_active a, .b_scopebar a:hover, .id_button:hover { color: var(--fg1); transition: var(--animate); } .b_scopebar, .b_scopebar a, .b_scopebar a:visited, .id_button, .id_button:visited, #sw_as .sa_as .sa_drw, #sw_as .sa_as li.pp_tile, #sw_as .sa_as .sa_tm strong, #sw_as .sa_as table, #sw_as .sa_as .sa_sg .sa_tm, #sw_as .sa_as .b_tHeader, #sw_as .sa_as .b_demoteText, #sw_as .sa_as .b_secondaryText, #sw_as .sa_as .b_attribution, #sw_as .sa_as .b_factrow, #sw_as .sa_as #sa_ul .b_focusLabel, #sw_as .sa_as .b_footnote, #sw_as .sa_as .b_ad .b_adlabel, #sw_as .sa_as .b_expando .b_subModule, #sw_as .sa_as .b_expando .b_suppModule, #sw_as .sa_as .b_algo .b_vList td, #sw_as .sa_as .b_expando .b_secondaryText, #sw_as .sa_as .b_expando .b_attribution, #sw_as .sa_as .b_expando .b_factrow, #sw_as .sa_as .b_expando .b_footnote, #sw_as .sa_as .ctxtb, #sw_as .as_msbblocksug, #sw_as .as_msbblockheader, #sw_as .sa_msbribboncontainer, #sw_as .sa_as .sa_rmvd { color: var(--fg2); } #b_header { border-bottom: 1px solid var(--line) !important; } #mfa_root .mfa_btn, #sw_as .sa_drw, #sw_as li.pp_tile.sa_hv, #sw_as .sa_hv, #sw_as .as_rmhswarning, #sw_as > .sa_fd { background-color: var(--bg2); } #sw_as > .sa_fd { color: var(--fg2); } #sw_as .sa_fd:hover, #b_header .mic_cont.partner .b_icon:hover::after, [vptest]::after, *[data-sbtip]:not(.disableTooltip):hover::after, *[data-sbtip].shtip:not(.disableTooltip)::after, *[data-sbtipx]:hover::after, .b_speech_overlay .b_speech_cont .b_rec_text.b_placeholder { color: var(--fg1); } #b_header .mic_cont.partner .b_icon:hover::before, #b_header .mic_cont.partner .b_icon:hover::after, [vptest]::before, *[data-sbtip]:not(.disableTooltip):hover::before, *[data-sbtip].shtip:not(.disableTooltip)::before, [vptest]::after, *[data-sbtip]:not(.disableTooltip):hover::after, *[data-sbtip].shtip:not(.disableTooltip)::after, *[data-sbtipx]:hover::before, *[data-sbtipx]:hover::after, .b_speech_overlay .b_speech_cont { background-color: var(--bg3); } #sw_as .as_rmhswarning { border-color: var(--line); } #sw_as .sa_as .sa_drw .sa_sg .sa_tmHS, #sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong { color: var(--purple); } #sw_as .as_rmhswarning > span > a { color: var(--blue) !important; } /* 右上菜单 */ #id_hbfo { background-color: var(--bg2); } .hbic_col, .hb_title_col, .hb_value_col { color: var(--fg2) } .hb_section:active, .hb_section:hover, .hb_section:visited, .serp_thm:hover>.hb_section, .serp_thm:visited>.hb_section{ background-color: var(--bg3); } #bepfo, #id_d { color: var(--fg1); background-color: var(--bg2); } .id_name{ color: var(--fg2); } #id_d a:hover { background-color: var(--bg3); } .b_idOpen a#id_l, a#id_rh.openfo { color: var(--fg2); } /* 搜索结果 */ #b_content > main > #b_results > li.b_algo, #b_content > main > #b_results > li.b_ans { padding: 15px 18px 5px 35px; background-color: var(--bg2) !important; margin-bottom: 12px; border-radius: 10px !important; transition: var(--animate); } #b_content > main > #b_results > li.b_algo:hover, #b_content > main > #b_results > li.b_ans:hover { background-color: var(--bg3) !important; } #b_results, #b_results .b_defaultText, #b_results > .b_pag a:hover, #b_tween .b_toggle:hover, #b_tween .b_highlighted { color: var(--fg1); } .recommendationsTableTitle h2, .fbans > div > a, .fbans > div > a:visited, #b_results>.b_ans .btm_sml a, #b_results>.b_ans .btm_sml a:visited, #b_context>.b_ans .btm_sml a, #b_context>.b_ans .btm_sml a:visited{ color: var(--fg2) !important; } cite, #b_results cite.sb_crmb a, #b_results cite a.sb_metalink, #b_results .b_adurl cite a, #bk_wr_container cite a { color: var(--green); } #sp_requery strong, #sp_recourse strong, #tile_link_cn strong, .b_ad .ad_esltitle ~ div strong, h2 strong, .b_caption p strong, .b_snippetBigText strong, .recommendationsTableTitle + .b_slideexp strong, .recommendationsTableTitle + table strong, .recommendationsTableTitle + ul strong, .pageRecoContainer .b_module_expansion_control strong, .b_rs strong, .b_rrsr strong, #dict_ans strong, .b_listnav > .b_ans_stamp > strong, #b_content #ans_nws .na_cnt strong, .adltwrnmsg strong { color: var(--red); } #b_results > li a { color: var(--blue); } #b_results > li a:visited { color: var(--purple); } /* 特殊卡片优化 */ /* 推荐小卡片 */ .b_slidebar .slide, .na_cl .na_citem, .nws_itm, .tab-menu.tab-flex > ul > li, a.cbtn, .cbtn a, .cbtn input, #b_content a.cbtn, #b_content a.cbtn:visited, #b_content .cbtn a, #b_content .cbtn a:visited { background-color: var(--bg1) !important; } body #b_pole, #b_tween .ftrB a.ftrH.b_selected, #b_tween .ftrB a.ftrH:hover, #b_tween .ftrB a.ftrH:focus, #b_tween .b_dropdown .b_selected { background-color: var(--bg2) !important; } #b_tween .ftrB .b_dropdown { background-color: var(--bg3); } .pageRecoContainer .slide .b_text, .b_algospacing .b_algospacing_title_link, #b_results .b_algo .b_vlist2col.b_deep, .b_algospacing .b_algospacing_link, .ans_nws .na_cnt .b_secondaryText, #ans_nws .na_cnt .itm_tlt_snp .itm_spt, .na_cnt .itm_tlt_snp .itm_spt, #ans_nws .na_cnt .citm_spt, .b_top, .b_top .b_promoteText, .tab-menu.tab-flex > ul > li, .b_algo .b_factrow, #b_tween .b_dropdown .b_toggle, .ftrD .b_vPanel > div, .b_tHeader, .b_demoteText, .b_secondaryText, .b_attribution, .b_factrow, .b_focusLabel, .b_footnote, .b_ad .b_adlabel, #b_tween .b_dropdown a, .b_expando .b_subModule, .b_expando .b_suppModule, .b_algo .b_vList td, #b_content .b_lowFocusLink a, #b_context .b_secondaryText, #b_context .b_attribution, #b_context .b_factrow, #b_context .b_footnote, #b_context .b_ad .b_adlabel, .b_expando .b_secondaryText, .b_expando .b_attribution, .b_expando .b_factrow, .b_expando .b_footnote, .ftrD .b_vPanel input.ctxt, .b_algospacing .b_algospacing_title_link, .dc_prn, .dc_grs, .dc_gr{ color: var(--fg2) !important; } .na_cnt .na_t, .header, .tab-menu.tab-flex > ul > li.tab-active, #b_content #b_pole #ans_nws .tfil_title, .qna_elc .rwrl, .df_c .rwrl, #b_results .df_c .b_entityTitle, #b_tween .ftrB a.ftrH.b_selected, #b_tween .ftrB a.ftrH:hover, #b_tween .ftrB a.ftrH:focus, .dc_mn, .dc_st{ color: var(--fg1) !important; } .b_algospacing .b_algospacing_block, #cTechTabThCtr li .cico, .rc_herotabheader .tab-head, body #b_pole, #b_tween .ftrB .b_dropdown, .ftrD > div.b_vPanel, .ccal, .ccal.b_focus, .ccal:hover, .dictline, #b_context .b_ans .btm_sml{ border-color: var(--line); } .pagereco_titleLink .slide .b_title, .pagereco_titleLink .slide .b_title strong { color: var(--blue); } /* 必应词典 */ .dict_oa { padding: 0; margin: 0; box-shadow: none; } /* 页面指示 */ #b_results > .b_pag .sb_pagS_bp { color: var(--fg1); background-color: var(--bg2); } #b_results > .b_pag a { transition: var(--animate); } #b_results > .b_pag .sb_pagS_bp:hover, #b_results > .b_pag a:hover { background-color: var(--bg2) !important; } .sb_pagN_bp:hover:after, .sb_pagN_bp:active:after, .sb_pagN_bp:focus:after { -webkit-transform-origin: -1394px 0; transform-origin: -1394px 0; } /* 小提示 */ #fbtop:not(.fbstatic) { position: static; transition: var(--animate); opacity: 0; } #fbtop:not(.fbstatic):hover { opacity: 1; } /* 侧栏 */ #b_mtp:not(.crhide), #b_mtp * { color: var(--fg2); } .mtprt { background: var(--bg2); } #b_context .b_ans, #b_context #wpc_ag, .vrhc { background-color: var(--bg2); } #b_context .b_ans { padding: 15px 20px 5px 20px; margin-bottom: 12px; border-radius: 10px; } #b_results #serpvidansrr .vsatitle, #b_context #serpvidansrr .vsatitle h3::before, h2::before { display: none; } #b_context cite, #b_context cite a, .mc_vtvc_meta_channel, span.vrhch { color: var(--green); } .mc_vtvc { background-color: var(--bg1); box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 3px 0 rgb(0 0 0 / 10%); } .mc_vtvc_title, .vrhc, #b_context, #b_context #wpc_eif { color: var(--fg1); } .mc_vtvc_meta_pubdate, .vrhde { color: var(--fg2); } .vrhdvd { border-color: var(--line); } /* 页脚 */ .b_footer { background-color: var(--bg2); } .b_footer, .b_footer a, .b_footer a:visited { color: var(--fg2); } #bq_floatingbar { background-color: var(--bg2); } #bq_floatingbar li+li { border-color: var(--fg2) } }