@font-face {
  font-family: ElegantIcons;
  src: url(../fonts/eleganticons.eot);
  src: url(../fonts/eleganticons.eot) format('embedded-opentype'), url(../fonts/eleganticons.woff) format('woff'), url(../fonts/eleganticons.ttf) format('truetype'), url(../fonts/eleganticons.svg#eleganticons) format('svg');
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: ElegantIcons;
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.arrow-up-down,
.arrow_back,
.arrow_carrot-2down,
.arrow_carrot-2down_alt2,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left,
.arrow_carrot-2left_alt,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right,
.arrow_carrot-2right_alt,
.arrow_carrot-2right_alt2,
.arrow_carrot-2up,
.arrow_carrot-2up_alt,
.arrow_carrot-2up_alt2,
.arrow_carrot-down,
.arrow_carrot-down_alt,
.arrow_carrot-down_alt2,
.arrow_carrot-left,
.arrow_carrot-left_alt,
.arrow_carrot-left_alt2,
.arrow_carrot-right,
.arrow_carrot-right_alt,
.arrow_carrot-right_alt2,
.arrow_carrot-up,
.arrow_carrot-up_alt2,
.arrow_carrot_up_alt,
.arrow_condense,
.arrow_condense_alt,
.arrow_down,
.arrow_down_alt,
.arrow_expand,
.arrow_expand_alt,
.arrow_expand_alt2,
.arrow_expand_alt3,
.arrow_left,
.arrow_left-down,
.arrow_left-down_alt,
.arrow_left-right,
.arrow_left-right_alt,
.arrow_left-up,
.arrow_left-up_alt,
.arrow_left_alt,
.arrow_move,
.arrow_right,
.arrow_right-down,
.arrow_right-down_alt,
.arrow_right-up,
.arrow_right-up_alt,
.arrow_right_alt,
.arrow_triangle-down,
.arrow_triangle-down_alt,
.arrow_triangle-down_alt2,
.arrow_triangle-left,
.arrow_triangle-left_alt,
.arrow_triangle-left_alt2,
.arrow_triangle-right,
.arrow_triangle-right_alt,
.arrow_triangle-right_alt2,
.arrow_triangle-up,
.arrow_triangle-up_alt,
.arrow_triangle-up_alt2,
.arrow_up,
.arrow_up-down_alt,
.arrow_up_alt,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_archive,
.icon_archive_alt,
.icon_bag,
.icon_bag_alt,
.icon_balance,
.icon_blocked,
.icon_book,
.icon_book_alt,
.icon_box-checked,
.icon_box-empty,
.icon_box-selected,
.icon_briefcase,
.icon_briefcase_alt,
.icon_building,
.icon_building_alt,
.icon_calculator_alt,
.icon_calendar,
.icon_calulator,
.icon_camera,
.icon_camera_alt,
.icon_cart,
.icon_cart_alt,
.icon_chat,
.icon_chat_alt,
.icon_check,
.icon_check_alt,
.icon_check_alt2,
.icon_circle-empty,
.icon_circle-slelected,
.icon_clipboard,
.icon_clock,
.icon_clock_alt,
.icon_close,
.icon_close_alt,
.icon_close_alt2,
.icon_cloud,
.icon_cloud-download,
.icon_cloud-download_alt,
.icon_cloud-upload,
.icon_cloud-upload_alt,
.icon_cloud_alt,
.icon_cog,
.icon_cogs,
.icon_comment,
.icon_comment_alt,
.icon_compass,
.icon_compass_alt,
.icon_cone,
.icon_cone_alt,
.icon_contacts,
.icon_contacts_alt,
.icon_creditcard,
.icon_currency,
.icon_currency_alt,
.icon_cursor,
.icon_cursor_alt,
.icon_datareport,
.icon_datareport_alt,
.icon_desktop,
.icon_dislike,
.icon_dislike_alt,
.icon_document,
.icon_document_alt,
.icon_documents,
.icon_documents_alt,
.icon_download,
.icon_drawer,
.icon_drawer_alt,
.icon_drive,
.icon_drive_alt,
.icon_easel,
.icon_easel_alt,
.icon_error-circle,
.icon_error-circle_alt,
.icon_error-oct,
.icon_error-oct_alt,
.icon_error-triangle,
.icon_error-triangle_alt,
.icon_film,
.icon_floppy,
.icon_floppy_alt,
.icon_flowchart,
.icon_flowchart_alt,
.icon_folder,
.icon_folder-add,
.icon_folder-add_alt,
.icon_folder-alt,
.icon_folder-open,
.icon_folder-open_alt,
.icon_folder_download,
.icon_folder_upload,
.icon_genius,
.icon_gift,
.icon_gift_alt,
.icon_globe,
.icon_globe-2,
.icon_globe_alt,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_group,
.icon_headphones,
.icon_heart,
.icon_heart_alt,
.icon_hourglass,
.icon_house,
.icon_house_alt,
.icon_id,
.icon_id-2,
.icon_id-2_alt,
.icon_id_alt,
.icon_image,
.icon_images,
.icon_info,
.icon_info_alt,
.icon_key,
.icon_key_alt,
.icon_laptop,
.icon_lifesaver,
.icon_lightbulb,
.icon_lightbulb_alt,
.icon_like,
.icon_like_alt,
.icon_link,
.icon_link_alt,
.icon_loading,
.icon_lock,
.icon_lock-open,
.icon_lock-open_alt,
.icon_lock_alt,
.icon_mail,
.icon_mail_alt,
.icon_map,
.icon_map_alt,
.icon_menu,
.icon_menu-circle_alt,
.icon_menu-circle_alt2,
.icon_menu-square_alt,
.icon_menu-square_alt2,
.icon_mic,
.icon_mic_alt,
.icon_minus-06,
.icon_minus-box,
.icon_minus_alt,
.icon_minus_alt2,
.icon_mobile,
.icon_mug,
.icon_mug_alt,
.icon_music,
.icon_ol,
.icon_paperclip,
.icon_pause,
.icon_pause_alt,
.icon_pause_alt2,
.icon_pencil,
.icon_pencil-edit,
.icon_pencil-edit_alt,
.icon_pencil_alt,
.icon_pens,
.icon_pens_alt,
.icon_percent,
.icon_percent_alt,
.icon_phone,
.icon_piechart,
.icon_pin,
.icon_pin_alt,
.icon_plus,
.icon_plus-box,
.icon_plus_alt,
.icon_plus_alt2,
.icon_printer,
.icon_printer-alt,
.icon_profile,
.icon_pushpin,
.icon_pushpin_alt,
.icon_puzzle,
.icon_puzzle_alt,
.icon_question,
.icon_question_alt,
.icon_question_alt2,
.icon_quotations,
.icon_quotations_alt,
.icon_quotations_alt2,
.icon_refresh,
.icon_ribbon,
.icon_ribbon_alt,
.icon_rook,
.icon_search,
.icon_search-2,
.icon_search_alt,
.icon_shield,
.icon_shield_alt,
.icon_star,
.icon_star-half,
.icon_star-half_alt,
.icon_star_alt,
.icon_stop,
.icon_stop_alt,
.icon_stop_alt2,
.icon_table,
.icon_tablet,
.icon_tag,
.icon_tag_alt,
.icon_tags,
.icon_tags_alt,
.icon_target,
.icon_tool,
.icon_toolbox,
.icon_toolbox_alt,
.icon_tools,
.icon_trash,
.icon_trash_alt,
.icon_ul,
.icon_upload,
.icon_vol-mute,
.icon_vol-mute_alt,
.icon_volume-high,
.icon_volume-high_alt,
.icon_volume-low,
.icon_volume-low_alt,
.icon_wallet,
.icon_wallet_alt,
.icon_zoom-in,
.icon_zoom-in_alt,
.icon_zoom-out,
.icon_zoom-out_alt,
.social_blogger,
.social_blogger_circle,
.social_blogger_square,
.social_delicious,
.social_delicious_circle,
.social_delicious_square,
.social_deviantart,
.social_deviantart_circle,
.social_deviantart_square,
.social_dribbble,
.social_dribbble_circle,
.social_dribbble_square,
.social_facebook,
.social_facebook_circle,
.social_facebook_square,
.social_flickr,
.social_flickr_circle,
.social_flickr_square,
.social_googledrive,
.social_googledrive_alt2,
.social_googledrive_square,
.social_googleplus,
.social_googleplus_circle,
.social_googleplus_square,
.social_instagram,
.social_instagram_circle,
.social_instagram_square,
.social_linkedin,
.social_linkedin_circle,
.social_linkedin_square,
.social_myspace,
.social_myspace_circle,
.social_myspace_square,
.social_picassa,
.social_picassa_circle,
.social_picassa_square,
.social_pinterest,
.social_pinterest_circle,
.social_pinterest_square,
.social_rss,
.social_rss_circle,
.social_rss_square,
.social_share,
.social_share_circle,
.social_share_square,
.social_skype,
.social_skype_circle,
.social_skype_square,
.social_spotify,
.social_spotify_circle,
.social_spotify_square,
.social_stumbleupon_circle,
.social_stumbleupon_square,
.social_tumbleupon,
.social_tumblr,
.social_tumblr_circle,
.social_tumblr_square,
.social_twitter,
.social_twitter_circle,
.social_twitter_square,
.social_vimeo,
.social_vimeo_circle,
.social_vimeo_square,
.social_wordpress,
.social_wordpress_circle,
.social_wordpress_square,
.social_youtube,
.social_youtube_circle,
.social_youtube_square {
  font-family: ElegantIcons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.arrow_up:before {
  content: "\21";
}
.arrow_down:before {
  content: "\22";
}
.arrow_left:before {
  content: "\23";
}
.arrow_right:before {
  content: "\24";
}
.arrow_left-up:before {
  content: "\25";
}
.arrow_right-up:before {
  content: "\26";
}
.arrow_right-down:before {
  content: "\27";
}
.arrow_left-down:before {
  content: "\28";
}
.arrow-up-down:before {
  content: "\29";
}
.arrow_up-down_alt:before {
  content: "\2a";
}
.arrow_left-right_alt:before {
  content: "\2b";
}
.arrow_left-right:before {
  content: "\2c";
}
.arrow_expand_alt2:before {
  content: "\2d";
}
.arrow_expand_alt:before {
  content: "\2e";
}
.arrow_condense:before {
  content: "\2f";
}
.arrow_expand:before {
  content: "\30";
}
.arrow_move:before {
  content: "\31";
}
.arrow_carrot-up:before {
  content: "\32";
}
.arrow_carrot-down:before {
  content: "\33";
}
.arrow_carrot-left:before {
  content: "\34";
}
.arrow_carrot-right:before {
  content: "\35";
}
.arrow_carrot-2up:before {
  content: "\36";
}
.arrow_carrot-2down:before {
  content: "\37";
}
.arrow_carrot-2left:before {
  content: "\38";
}
.arrow_carrot-2right:before {
  content: "\39";
}
.arrow_carrot-up_alt2:before {
  content: "\3a";
}
.arrow_carrot-down_alt2:before {
  content: "\3b";
}
.arrow_carrot-left_alt2:before {
  content: "\3c";
}
.arrow_carrot-right_alt2:before {
  content: "\3d";
}
.arrow_carrot-2up_alt2:before {
  content: "\3e";
}
.arrow_carrot-2down_alt2:before {
  content: "\3f";
}
.arrow_carrot-2left_alt2:before {
  content: "\40";
}
.arrow_carrot-2right_alt2:before {
  content: "\41";
}
.arrow_triangle-up:before {
  content: "\42";
}
.arrow_triangle-down:before {
  content: "\43";
}
.arrow_triangle-left:before {
  content: "\44";
}
.arrow_triangle-right:before {
  content: "\45";
}
.arrow_triangle-up_alt2:before {
  content: "\46";
}
.arrow_triangle-down_alt2:before {
  content: "\47";
}
.arrow_triangle-left_alt2:before {
  content: "\48";
}
.arrow_triangle-right_alt2:before {
  content: "\49";
}
.arrow_back:before {
  content: "\4a";
}
.icon_minus-06:before {
  content: "\4b";
}
.icon_plus:before {
  content: "\4c";
}
.icon_close:before {
  content: "\4d";
}
.icon_check:before {
  content: "\4e";
}
.icon_minus_alt2:before {
  content: "\4f";
}
.icon_plus_alt2:before {
  content: "\50";
}
.icon_close_alt2:before {
  content: "\51";
}
.icon_check_alt2:before {
  content: "\52";
}
.icon_zoom-out_alt:before {
  content: "\53";
}
.icon_zoom-in_alt:before {
  content: "\54";
}
.icon_search:before {
  content: "\55";
}
.icon_box-empty:before {
  content: "\56";
}
.icon_box-selected:before {
  content: "\57";
}
.icon_minus-box:before {
  content: "\58";
}
.icon_plus-box:before {
  content: "\59";
}
.icon_box-checked:before {
  content: "\5a";
}
.icon_circle-empty:before {
  content: "\5b";
}
.icon_circle-slelected:before {
  content: "\5c";
}
.icon_stop_alt2:before {
  content: "\5d";
}
.icon_stop:before {
  content: "\5e";
}
.icon_pause_alt2:before {
  content: "\5f";
}
.icon_pause:before {
  content: "\60";
}
.icon_menu:before {
  content: "\61";
}
.icon_menu-square_alt2:before {
  content: "\62";
}
.icon_menu-circle_alt2:before {
  content: "\63";
}
.icon_ul:before {
  content: "\64";
}
.icon_ol:before {
  content: "\65";
}
.icon_adjust-horiz:before {
  content: "\66";
}
.icon_adjust-vert:before {
  content: "\67";
}
.icon_document_alt:before {
  content: "\68";
}
.icon_documents_alt:before {
  content: "\69";
}
.icon_pencil:before {
  content: "\6a";
}
.icon_pencil-edit_alt:before {
  content: "\6b";
}
.icon_pencil-edit:before {
  content: "\6c";
}
.icon_folder-alt:before {
  content: "\6d";
}
.icon_folder-open_alt:before {
  content: "\6e";
}
.icon_folder-add_alt:before {
  content: "\6f";
}
.icon_info_alt:before {
  content: "\70";
}
.icon_error-oct_alt:before {
  content: "\71";
}
.icon_error-circle_alt:before {
  content: "\72";
}
.icon_error-triangle_alt:before {
  content: "\73";
}
.icon_question_alt2:before {
  content: "\74";
}
.icon_question:before {
  content: "\75";
}
.icon_comment_alt:before {
  content: "\76";
}
.icon_chat_alt:before {
  content: "\77";
}
.icon_vol-mute_alt:before {
  content: "\78";
}
.icon_volume-low_alt:before {
  content: "\79";
}
.icon_volume-high_alt:before {
  content: "\7a";
}
.icon_quotations:before {
  content: "\7b";
}
.icon_quotations_alt2:before {
  content: "\7c";
}
.icon_clock_alt:before {
  content: "\7d";
}
.icon_lock_alt:before {
  content: "\7e";
}
.icon_lock-open_alt:before {
  content: "\e000";
}
.icon_key_alt:before {
  content: "\e001";
}
.icon_cloud_alt:before {
  content: "\e002";
}
.icon_cloud-upload_alt:before {
  content: "\e003";
}
.icon_cloud-download_alt:before {
  content: "\e004";
}
.icon_image:before {
  content: "\e005";
}
.icon_images:before {
  content: "\e006";
}
.icon_lightbulb_alt:before {
  content: "\e007";
}
.icon_gift_alt:before {
  content: "\e008";
}
.icon_house_alt:before {
  content: "\e009";
}
.icon_genius:before {
  content: "\e00a";
}
.icon_mobile:before {
  content: "\e00b";
}
.icon_tablet:before {
  content: "\e00c";
}
.icon_laptop:before {
  content: "\e00d";
}
.icon_desktop:before {
  content: "\e00e";
}
.icon_camera_alt:before {
  content: "\e00f";
}
.icon_mail_alt:before {
  content: "\e010";
}
.icon_cone_alt:before {
  content: "\e011";
}
.icon_ribbon_alt:before {
  content: "\e012";
}
.icon_bag_alt:before {
  content: "\e013";
}
.icon_creditcard:before {
  content: "\e014";
}
.icon_cart_alt:before {
  content: "\e015";
}
.icon_paperclip:before {
  content: "\e016";
}
.icon_tag_alt:before {
  content: "\e017";
}
.icon_tags_alt:before {
  content: "\e018";
}
.icon_trash_alt:before {
  content: "\e019";
}
.icon_cursor_alt:before {
  content: "\e01a";
}
.icon_mic_alt:before {
  content: "\e01b";
}
.icon_compass_alt:before {
  content: "\e01c";
}
.icon_pin_alt:before {
  content: "\e01d";
}
.icon_pushpin_alt:before {
  content: "\e01e";
}
.icon_map_alt:before {
  content: "\e01f";
}
.icon_drawer_alt:before {
  content: "\e020";
}
.icon_toolbox_alt:before {
  content: "\e021";
}
.icon_book_alt:before {
  content: "\e022";
}
.icon_calendar:before {
  content: "\e023";
}
.icon_film:before {
  content: "\e024";
}
.icon_table:before {
  content: "\e025";
}
.icon_contacts_alt:before {
  content: "\e026";
}
.icon_headphones:before {
  content: "\e027";
}
.icon_lifesaver:before {
  content: "\e028";
}
.icon_piechart:before {
  content: "\e029";
}
.icon_refresh:before {
  content: "\e02a";
}
.icon_link_alt:before {
  content: "\e02b";
}
.icon_link:before {
  content: "\e02c";
}
.icon_loading:before {
  content: "\e02d";
}
.icon_blocked:before {
  content: "\e02e";
}
.icon_archive_alt:before {
  content: "\e02f";
}
.icon_heart_alt:before {
  content: "\e030";
}
.icon_star_alt:before {
  content: "\e031";
}
.icon_star-half_alt:before {
  content: "\e032";
}
.icon_star:before {
  content: "\e033";
}
.icon_star-half:before {
  content: "\e034";
}
.icon_tools:before {
  content: "\e035";
}
.icon_tool:before {
  content: "\e036";
}
.icon_cog:before {
  content: "\e037";
}
.icon_cogs:before {
  content: "\e038";
}
.arrow_up_alt:before {
  content: "\e039";
}
.arrow_down_alt:before {
  content: "\e03a";
}
.arrow_left_alt:before {
  content: "\e03b";
}
.arrow_right_alt:before {
  content: "\e03c";
}
.arrow_left-up_alt:before {
  content: "\e03d";
}
.arrow_right-up_alt:before {
  content: "\e03e";
}
.arrow_right-down_alt:before {
  content: "\e03f";
}
.arrow_left-down_alt:before {
  content: "\e040";
}
.arrow_condense_alt:before {
  content: "\e041";
}
.arrow_expand_alt3:before {
  content: "\e042";
}
.arrow_carrot_up_alt:before {
  content: "\e043";
}
.arrow_carrot-down_alt:before {
  content: "\e044";
}
.arrow_carrot-left_alt:before {
  content: "\e045";
}
.arrow_carrot-right_alt:before {
  content: "\e046";
}
.arrow_carrot-2up_alt:before {
  content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
  content: "\e048";
}
.arrow_carrot-2left_alt:before {
  content: "\e049";
}
.arrow_carrot-2right_alt:before {
  content: "\e04a";
}
.arrow_triangle-up_alt:before {
  content: "\e04b";
}
.arrow_triangle-down_alt:before {
  content: "\e04c";
}
.arrow_triangle-left_alt:before {
  content: "\e04d";
}
.arrow_triangle-right_alt:before {
  content: "\e04e";
}
.icon_minus_alt:before {
  content: "\e04f";
}
.icon_plus_alt:before {
  content: "\e050";
}
.icon_close_alt:before {
  content: "\e051";
}
.icon_check_alt:before {
  content: "\e052";
}
.icon_zoom-out:before {
  content: "\e053";
}
.icon_zoom-in:before {
  content: "\e054";
}
.icon_stop_alt:before {
  content: "\e055";
}
.icon_menu-square_alt:before {
  content: "\e056";
}
.icon_menu-circle_alt:before {
  content: "\e057";
}
.icon_document:before {
  content: "\e058";
}
.icon_documents:before {
  content: "\e059";
}
.icon_pencil_alt:before {
  content: "\e05a";
}
.icon_folder:before {
  content: "\e05b";
}
.icon_folder-open:before {
  content: "\e05c";
}
.icon_folder-add:before {
  content: "\e05d";
}
.icon_folder_upload:before {
  content: "\e05e";
}
.icon_folder_download:before {
  content: "\e05f";
}
.icon_info:before {
  content: "\e060";
}
.icon_error-circle:before {
  content: "\e061";
}
.icon_error-oct:before {
  content: "\e062";
}
.icon_error-triangle:before {
  content: "\e063";
}
.icon_question_alt:before {
  content: "\e064";
}
.icon_comment:before {
  content: "\e065";
}
.icon_chat:before {
  content: "\e066";
}
.icon_vol-mute:before {
  content: "\e067";
}
.icon_volume-low:before {
  content: "\e068";
}
.icon_volume-high:before {
  content: "\e069";
}
.icon_quotations_alt:before {
  content: "\e06a";
}
.icon_clock:before {
  content: "\e06b";
}
.icon_lock:before {
  content: "\e06c";
}
.icon_lock-open:before {
  content: "\e06d";
}
.icon_key:before {
  content: "\e06e";
}
.icon_cloud:before {
  content: "\e06f";
}
.icon_cloud-upload:before {
  content: "\e070";
}
.icon_cloud-download:before {
  content: "\e071";
}
.icon_lightbulb:before {
  content: "\e072";
}
.icon_gift:before {
  content: "\e073";
}
.icon_house:before {
  content: "\e074";
}
.icon_camera:before {
  content: "\e075";
}
.icon_mail:before {
  content: "\e076";
}
.icon_cone:before {
  content: "\e077";
}
.icon_ribbon:before {
  content: "\e078";
}
.icon_bag:before {
  content: "\e079";
}
.icon_cart:before {
  content: "\e07a";
}
.icon_tag:before {
  content: "\e07b";
}
.icon_tags:before {
  content: "\e07c";
}
.icon_trash:before {
  content: "\e07d";
}
.icon_cursor:before {
  content: "\e07e";
}
.icon_mic:before {
  content: "\e07f";
}
.icon_compass:before {
  content: "\e080";
}
.icon_pin:before {
  content: "\e081";
}
.icon_pushpin:before {
  content: "\e082";
}
.icon_map:before {
  content: "\e083";
}
.icon_drawer:before {
  content: "\e084";
}
.icon_toolbox:before {
  content: "\e085";
}
.icon_book:before {
  content: "\e086";
}
.icon_contacts:before {
  content: "\e087";
}
.icon_archive:before {
  content: "\e088";
}
.icon_heart:before {
  content: "\e089";
}
.icon_profile:before {
  content: "\e08a";
}
.icon_group:before {
  content: "\e08b";
}
.icon_grid-2x2:before {
  content: "\e08c";
}
.icon_grid-3x3:before {
  content: "\e08d";
}
.icon_music:before {
  content: "\e08e";
}
.icon_pause_alt:before {
  content: "\e08f";
}
.icon_phone:before {
  content: "\e090";
}
.icon_upload:before {
  content: "\e091";
}
.icon_download:before {
  content: "\e092";
}
.social_facebook:before {
  content: "\e093";
}
.social_twitter:before {
  content: "\e094";
}
.social_pinterest:before {
  content: "\e095";
}
.social_googleplus:before {
  content: "\e096";
}
.social_tumblr:before {
  content: "\e097";
}
.social_tumbleupon:before {
  content: "\e098";
}
.social_wordpress:before {
  content: "\e099";
}
.social_instagram:before {
  content: "\e09a";
}
.social_dribbble:before {
  content: "\e09b";
}
.social_vimeo:before {
  content: "\e09c";
}
.social_linkedin:before {
  content: "\e09d";
}
.social_rss:before {
  content: "\e09e";
}
.social_deviantart:before {
  content: "\e09f";
}
.social_share:before {
  content: "\e0a0";
}
.social_myspace:before {
  content: "\e0a1";
}
.social_skype:before {
  content: "\e0a2";
}
.social_youtube:before {
  content: "\e0a3";
}
.social_picassa:before {
  content: "\e0a4";
}
.social_googledrive:before {
  content: "\e0a5";
}
.social_flickr:before {
  content: "\e0a6";
}
.social_blogger:before {
  content: "\e0a7";
}
.social_spotify:before {
  content: "\e0a8";
}
.social_delicious:before {
  content: "\e0a9";
}
.social_facebook_circle:before {
  content: "\e0aa";
}
.social_twitter_circle:before {
  content: "\e0ab";
}
.social_pinterest_circle:before {
  content: "\e0ac";
}
.social_googleplus_circle:before {
  content: "\e0ad";
}
.social_tumblr_circle:before {
  content: "\e0ae";
}
.social_stumbleupon_circle:before {
  content: "\e0af";
}
.social_wordpress_circle:before {
  content: "\e0b0";
}
.social_instagram_circle:before {
  content: "\e0b1";
}
.social_dribbble_circle:before {
  content: "\e0b2";
}
.social_vimeo_circle:before {
  content: "\e0b3";
}
.social_linkedin_circle:before {
  content: "\e0b4";
}
.social_rss_circle:before {
  content: "\e0b5";
}
.social_deviantart_circle:before {
  content: "\e0b6";
}
.social_share_circle:before {
  content: "\e0b7";
}
.social_myspace_circle:before {
  content: "\e0b8";
}
.social_skype_circle:before {
  content: "\e0b9";
}
.social_youtube_circle:before {
  content: "\e0ba";
}
.social_picassa_circle:before {
  content: "\e0bb";
}
.social_googledrive_alt2:before {
  content: "\e0bc";
}
.social_flickr_circle:before {
  content: "\e0bd";
}
.social_blogger_circle:before {
  content: "\e0be";
}
.social_spotify_circle:before {
  content: "\e0bf";
}
.social_delicious_circle:before {
  content: "\e0c0";
}
.social_facebook_square:before {
  content: "\e0c1";
}
.social_twitter_square:before {
  content: "\e0c2";
}
.social_pinterest_square:before {
  content: "\e0c3";
}
.social_googleplus_square:before {
  content: "\e0c4";
}
.social_tumblr_square:before {
  content: "\e0c5";
}
.social_stumbleupon_square:before {
  content: "\e0c6";
}
.social_wordpress_square:before {
  content: "\e0c7";
}
.social_instagram_square:before {
  content: "\e0c8";
}
.social_dribbble_square:before {
  content: "\e0c9";
}
.social_vimeo_square:before {
  content: "\e0ca";
}
.social_linkedin_square:before {
  content: "\e0cb";
}
.social_rss_square:before {
  content: "\e0cc";
}
.social_deviantart_square:before {
  content: "\e0cd";
}
.social_share_square:before {
  content: "\e0ce";
}
.social_myspace_square:before {
  content: "\e0cf";
}
.social_skype_square:before {
  content: "\e0d0";
}
.social_youtube_square:before {
  content: "\e0d1";
}
.social_picassa_square:before {
  content: "\e0d2";
}
.social_googledrive_square:before {
  content: "\e0d3";
}
.social_flickr_square:before {
  content: "\e0d4";
}
.social_blogger_square:before {
  content: "\e0d5";
}
.social_spotify_square:before {
  content: "\e0d6";
}
.social_delicious_square:before {
  content: "\e0d7";
}
.icon_printer:before {
  content: "\e103";
}
.icon_calulator:before {
  content: "\e0ee";
}
.icon_building:before {
  content: "\e0ef";
}
.icon_floppy:before {
  content: "\e0e8";
}
.icon_drive:before {
  content: "\e0ea";
}
.icon_search-2:before {
  content: "\e101";
}
.icon_id:before {
  content: "\e107";
}
.icon_id-2:before {
  content: "\e108";
}
.icon_puzzle:before {
  content: "\e102";
}
.icon_like:before {
  content: "\e106";
}
.icon_dislike:before {
  content: "\e0eb";
}
.icon_mug:before {
  content: "\e105";
}
.icon_currency:before {
  content: "\e0ed";
}
.icon_wallet:before {
  content: "\e100";
}
.icon_pens:before {
  content: "\e104";
}
.icon_easel:before {
  content: "\e0e9";
}
.icon_flowchart:before {
  content: "\e109";
}
.icon_datareport:before {
  content: "\e0ec";
}
.icon_briefcase:before {
  content: "\e0fe";
}
.icon_shield:before {
  content: "\e0f6";
}
.icon_percent:before {
  content: "\e0fb";
}
.icon_globe:before {
  content: "\e0e2";
}
.icon_globe-2:before {
  content: "\e0e3";
}
.icon_target:before {
  content: "\e0f5";
}
.icon_hourglass:before {
  content: "\e0e1";
}
.icon_balance:before {
  content: "\e0ff";
}
.icon_rook:before {
  content: "\e0f8";
}
.icon_printer-alt:before {
  content: "\e0fa";
}
.icon_calculator_alt:before {
  content: "\e0e7";
}
.icon_building_alt:before {
  content: "\e0fd";
}
.icon_floppy_alt:before {
  content: "\e0e4";
}
.icon_drive_alt:before {
  content: "\e0e5";
}
.icon_search_alt:before {
  content: "\e0f7";
}
.icon_id_alt:before {
  content: "\e0e0";
}
.icon_id-2_alt:before {
  content: "\e0fc";
}
.icon_puzzle_alt:before {
  content: "\e0f9";
}
.icon_like_alt:before {
  content: "\e0dd";
}
.icon_dislike_alt:before {
  content: "\e0f1";
}
.icon_mug_alt:before {
  content: "\e0dc";
}
.icon_currency_alt:before {
  content: "\e0f3";
}
.icon_wallet_alt:before {
  content: "\e0d8";
}
.icon_pens_alt:before {
  content: "\e0db";
}
.icon_easel_alt:before {
  content: "\e0f0";
}
.icon_flowchart_alt:before {
  content: "\e0df";
}
.icon_datareport_alt:before {
  content: "\e0f2";
}
.icon_briefcase_alt:before {
  content: "\e0f4";
}
.icon_shield_alt:before {
  content: "\e0d9";
}
.icon_percent_alt:before {
  content: "\e0da";
}
.icon_globe_alt:before {
  content: "\e0de";
}
.icon_clipboard:before {
  content: "\e0e6";
}
.glyph {
  float: left;
  text-align: center;
  padding: 0.75em;
  margin: 0.4em 1.5em 0.75em 0;
  width: 6em;
  text-shadow: none;
}
.glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px;
}
.glyph div {
  padding-bottom: 10px;
}
.glyph input {
  font-family: consolas,monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: 0.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.glyph .fs1 {
  font-size: 2em;
}
/* 早期暗模式支持，减少页面加载时的频闪 */
html.dark {
  background-color: rgb(38 38 36);
  color: rgba(255, 255, 255, 0.8);
}
/* 确保html.dark和body.dark具有相同的基础样式 */
html.dark body,
html.dark .surface-content {
  background-color: rgb(38 38 36);
  color: rgba(255, 255, 255, 0.8);
}
/* 确保暗模式下site-header也立即应用正确样式 */
html.dark .site-header {
  background-color: rgba(26, 26, 26, 0.9);
}
h1 {
  font-size: 30px;
  font-weight: 900;
  margin: 1.5em 0px 0.5em;
  text-indent: 0px;
}
.grap-h1 {
  /* 继承h1样式 */
  font-size: 30px;
  font-weight: 900;
  margin: 1.5em 0px 0.5em;
  text-indent: 0px;
  /* 设置多行文字行距 */
  line-height: 2.2rem;
}
h2 {
  font-size: 25px;
  font-weight: 700;
  line-height: 32px;
  margin: 1.5em 0px 0.5em;
  text-indent: 0px;
}
.grap-h2 {
  text-align: center;
}
h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 1.5em 0px 0.5em;
  text-indent: 0px;
}
h4 {
  font-size: 19px;
  font-weight: 500;
  margin: 1.5em 0px 0.5em;
  text-indent: 0px;
}
s {
  text-decoration: line-through;
  text-decoration-color: rgba(160, 160, 160, 0.2);
  text-decoration-thickness: 18px;
  color: #AAA;
  font-weight: 400;
}
.footnote-ref {
  margin: 0em 0.3em;
  border-radius: 30px;
  font-size: 0.8em;
  vertical-align: super;
  font-weight: 600;
}
.block-snippet {
  text-indent: 2em;
}
.pagination-container {
  padding: 24px 32px 32px;
  overflow: hidden;
}
.pagination-container .prev-page {
  float: left;
}
.pagination-container .next-page {
  float: right;
}
.pagination {
  text-align: center;
  padding: 1em;
  margin-bottom: 3em;
}
.pagination a,
.pagination span {
  margin: 0 0.375em;
  color: #8c8c8c;
}
.pagination a:link,
.pagination a:visited {
  color: #8c8c8c;
}
.pagination a:hover,
.pagination:active,
.pagination:focus {
  color: #aaaaaa;
}
code,
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  text-indent: 0px;
}
.site-header,
html {
  box-sizing: border-box;
}
.block-image,
.site-header {
  background-position: center center;
  background-size: cover;
  background-origin: border-box;
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  outline: 0;
  vertical-align: baseline;
}
body,
button,
input,
textarea {
  font-family: 'Noto Sans SC', 'Noto Sans Simplified Chinese', sans-serif;
}
html {
  font-size: 15px;
  overflow-y: scroll;
  font-family: 'Noto Sans SC', 'Noto Sans Simplified Chinese', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
input,
textarea {
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover,
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}
body {
  color: rgba(0, 0, 0, 0.8);
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  background-color: #fdfdfd;
  word-spacing: 0.05rem;
  line-height: 1.45rem;
  margin: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: 400;
  text-align: left;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}
blockquote {
  border: 2px solid #dedcdc;
  background: #f0f0f0;
  font-weight: 400;
  letter-spacing: 0.01rem;
  margin: 10px 0;
  padding: 0.2em 1.5em;
  text-indent: 0px;
}
pre {
  padding: 20px;
  font: 14px/22px 'courier new';
  position: relative;
  background-color: #f8f8f8;
}
pre:after,
pre:before {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #2f76bb;
}
pre:before {
  text-align: right;
}
code {
  padding: 2px 10px;
  background-color: #dbdbdb;
  word-break: break-word;
  letter-spacing: 0;
  font: 14px/26px 'courier new';
  border-radius: 3px;
}
.author-meta,
.grap em {
  font-style: italic;
}
pre code {
  padding: 0;
  background-color: #f8f8f8;
  border-radius: 0;
}
img {
  max-width: 100%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 15px;
}
figure {
  max-width: 100%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
}
.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
input[disabled] {
  cursor: default;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.05);
}
.u-textAlignCenter {
  text-align: left;
}
.surface-content {
  max-width: 1200px;
  text-align: justify;
  background-color: #fdfdfd;
}
.site-header .avatar {
  border-radius: 100%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}
.block--list,
.comment-body,
.grap hr:before,
.site-description,
.site-title,
.social-links {
  position: relative;
}
li {
  text-indent: 2px;
}
/* 响应式布局 */
@media (max-width: 600px) {
  .surface-content {
    margin: 0;
  }
  .admin-bar .site-header {
    top: 46px!important;
  }
}
/* 站点标题区域 */
.site-header.hasImage {
  color: rgba(255, 255, 255, 0.97);
}
.site-title {
  font-size: 24px;
  margin: 0 auto;
}
.logo-img {
  width: 100px;
}
.logo-img a:hover {
  opacity: 0.9;
}
.site-description {
  font-size: 9pt;
  opacity: 0.8;
}
.social-link {
  margin: 0 5px;
  opacity: 0.8;
}
/* 布局样式 */
.layoutSingleColumn {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.main-content {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 600px) {
  .main-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* 导航菜单 */
.topNav-items {
  line-height: 50px;
  font-size: 14px;
}
.menu-item {
  display: inline-block;
  margin-right: 15px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu-item.current-menu-item {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}
/* 区块样式 */
.block-image {
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
}
/* 按钮样式 */
.button,
.grap li:before {
  box-sizing: border-box;
  display: inline-block;
}
.button {
  cursor: pointer;
  white-space: nowrap;
  vertical-align: bottom;
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
  border-radius: 999em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  user-select: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  height: 37px;
  padding: 0 16px;
}
.button--primary {
  color: #23B175;
  border-color: #23B175;
}
/* 列表区块 */
.block--list {
  border-bottom: 2px rgba(0, 0, 0, 0.05) dashed;
  padding: 0px 0px 30px 0px;
}
.block--list .block-title {
  text-align: center;
}
.block--list:last-child {
  border-bottom: 2px rgba(0, 0, 0, 0.05) dashed;
}
/* 文章元信息 */
.block-postMetaWrap {
  margin-bottom: 20px;
  color: #989898;
}
.section-header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.grap .wp-caption,
.grap p.with-img {
  margin-left: -60px;
  margin-right: -60px;
}
.grap strong {
  font-weight: 700;
}
.grap li {
  text-indent: 2px;
}
.grap li:before {
  -webkit-box-sizing: border-box;
  font-size: 14px;
  margin-left: -58px;
  padding-right: 15px;
  text-align: right;
  width: 58px;
}
.archive-year,
.butterBar,
.grap hr,
.page404 {
  text-align: center;
}
.grap ol {
  counter-reset: post;
}
.grap h3 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.grap hr {
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  border-bottom: 2px solid #bdbaba;
  opacity: 0.5;
}
.grap hr:before {
  display: inline-block;
  margin-left: 0em;
  color: #f52603;
  top: -20px;
  font-size: 26px;
  letter-spacing: 0.2em;
  text-indent: 0px;
}
.grap a {
  color: #424242;
  font-weight: 400;
  text-decoration: none;
}
/* 只在post页面显示链接虚线 */
.single .grap a,
.single-post .grap a {
  text-decoration: underline;
  text-decoration-color: #23B175;
  text-decoration-style: dotted;
  text-underline-offset: 4px;
}
.grap a:hover {
  color: #23B175;
  font-weight: 600;
}
/* WordPress 图片说明 */
.wp-caption {
  margin-left: -60px;
  margin-right: -60px;
  width: auto!important;
}
.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
}
/* 响应式图片说明 */
@media (max-width: 600px) {
  .grap .wp-caption,
  .grap p.with-img {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* 文章导航 */
.posts-nav {
  margin: 20px 0;
}
.grap--h2 {
  font-size: 30px;
}
.postFooterinfo {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 20px;
  padding-bottom: 20px;
}
.postFooterinfo .author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
}
.postFooterinfo .author-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.postFooterinfo .avatar {
  border-radius: 100%;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.postFooterAction {
  padding: 20px 0;
}
.postFooterAction .wpl-button {
  border-color: #23B175;
  color: #23B175;
  cursor: pointer;
}
/* 按钮激活和悬停状态 */
.postFooterAction .wpl-button.is-active,
.postFooterAction .wpl-button:hover {
  background-color: #23B175;
}
/* 页脚样式 */
.site-footer {
  background: #0b0b0b;
  padding: 60px 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
/* 区块页脚 */
.block-footer {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  border-left: 2px solid rgba(0, 0, 0, 0.05);
  padding-left: 10px;
}
/* 文本域 */
.inputTextarea {
  resize: none;
  border: 1px solid #eee;
  width: 100%;
  padding: 10px;
}
/* 评论列表样式 */
.commentlist .comment .comment-author .avatar {
  float: left;
  border-radius: 100%;
  margin-right: 10px;
}
.commentlist .comment-metadata {
  color: rgba(0, 0, 0, 0.44);
  font-style: italic;
  font-size: 12px;
}
.commentlist .children {
  margin-left: 50px;
}
.commentlist .depth-2 .children {
  margin-left: 0;
}
.comment-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 25px;
  padding-bottom: 25px;
}
.comment-meta {
  overflow: hidden;
  font-size: 14px;
}
.comment-meta .says {
  display: none;
}
.comment-content {
  margin-top: 10px;
}
.reply {
  position: absolute;
  top: 20px;
  right: 0;
}
.reply .comment-reply-link {
  background-color: #23B175;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 2px;
}
/* 评论表单 */
.comment-respond {
  margin-top: 30px;
}
.comment-form {
  padding: 20px 0;
}
.comment-form label {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}
.comment-form p {
  margin-bottom: 15px;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
  border: 1px solid rgba(0, 0, 0, 0.05);
  height: 30px;
  padding: 0 10px;
  width: 280px;
  font-size: 14px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.6);
}
.comment-form .comment-form-comment textarea {
  resize: none;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
}
.responsesWrapper {
  margin-bottom: 30px;
}
.form-submit .submit {
  border: 2px solid #23B175;
  color: #23B175;
  background-color: #fff;
  display: inline-block;
  padding: 3px 15px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
}
.form-submit .submit:hover {
  background-color: #23B175;
  color: #fff;
}
.comments-title {
  font-weight: 700;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 12px;
}
.comment-reply-title {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.44);
}
.comment-awaiting-moderation {
  background-color: #fcf8e3;
  color: #c09853;
  font-size: 12px;
  padding: 2px 6px;
}
.required {
  color: #c00;
}
/* 分页样式 */
.nav-links .page-numbers {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 15px;
  font-size: 17px;
  font-weight: 700;
  background: #f8f9fa;
  border-radius: 25px;
  color: rgba(0, 0, 0, 0.44);
}
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover {
  background-color: #23B175;
  color: #fff;
}
.page404 {
  padding: 200px 0;
  font-size: 36px;
}
/* 图标样式 */
.icon {
  fill: #fff;
  vertical-align: middle;
}
.social-links .icon:hover {
  fill: #23B175;
}
.author-meta .icon {
  fill: rgba(0, 0, 0, 0.44);
  transform: translate3d(0, -2px, 0);
  margin-right: 3px;
}
.icon-heart {
  fill: #23B175;
}
.author-meta {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.44);
  margin-top: 5px;
}
/* 关键词样式 */
.post--keyword,
.post--keyword sup {
  font-size: 12px;
  display: inline-block;
}
.author-meta-item {
  margin: 5px;
}
.post--keywords {
  margin: 20px 0;
}
.post--keyword {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.44);
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 2px 9px;
}
.post--keyword sup {
  transform: translate3d(0, -3px, 0);
}
/* 通知条 */
.butterBar {
  margin-left: 36%;
  max-width: 640px;
  position: fixed;
  top: 0;
  width: 58%;
  z-index: 800;
}
.butterBar--center {
  left: 50%;
  margin-left: -320px;
}
.butterBar-message {
  background: rgba(255, 255, 255, 0.97);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 12px 25px;
}
/* 返回顶部按钮 */
.back-to-top {
  position: fixed;
  width: 32px;
  height: 32px;
  right: 5%;
  bottom: 50px;
  cursor: pointer;
}
.back-to-top .icon {
  fill: rgba(218, 218, 218, 0.9);
}
.back-to-top .icon:hover {
  fill: #23B175;
}
/* 响应式布局 */
@media (max-width: 600px) {
  .back-to-top {
    display: none;
  }
}
/* 评论导航 */
.comment-navigation {
  padding: 20px 0;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .page-link-item {
  display: inline-block;
  background-color: #fafafa;
  padding: 3px 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  border-radius: 3px;
  margin: 0 5px;
}
.comment-navigation .nav-next:hover,
.comment-navigation .nav-previous:hover,
.comment-navigation .page-link-item:hover {
  background-color: #23B175;
  color: #fff;
}
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.comment-navigation .page-link-item a {
  display: block;
}
.u-hide {
  display: none;
}
/* 归档样式 */
.fancy-archive {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.fancy-archive:before {
  content: "";
  width: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
}
.archive-year {
  display: inline-block;
  width: 80px;
  margin-left: 0px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
}
.archive-month {
  position: relative;
  font-weight: 700;
  margin-bottom: 15px;
}
.archive-month:after,
.archive-month:before {
  content: "";
  background-color: #fff;
  height: 19px;
  width: 19px;
  border-radius: 100%;
  position: absolute;
  left: 92px;
  top: 3px;
}
.archive-month:after {
  height: 15px;
  width: 15px;
  background-color: #eee;
  left: 94px;
  top: 5px;
}
.archive-month:hover:after {
  background-color: #23B175;
}
ul {
  display: block;
  list-style-type: circle;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 25px;
  unicode-bidi: isolate;
}
.title-list-ul {
  display: block;
  list-style-type: none;
  padding-inline-start: 30px;
  margin: 5px 0px 5px 0px;
}
.post-list-ul {
  display: block;
  list-style-type: none;
  padding-inline-start: 30px;
  margin: 5px 0px 5px 0px;
}
.fancy-tag-ul {
  display: block;
  list-style-type: none;
  padding-inline-start: 30px;
  margin: 5px 0px 5px 0px;
}
/* 美化列表 */
.fancy-ul .date {
  margin: 5px 0px 5px 0px;
  width: 80px;
  display: inline-block;
  list-style-type: none;
  padding-inline-start: 30px;
}
.fancy-ul li {
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
.fancy-ul li:after,
.fancy-ul li:before {
  content: "";
  background-color: #fff;
  height: 13px;
  width: 13px;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: 7px;
}
.fancy-ul li:after {
  height: 9px;
  width: 9px;
  background-color: #eee;
  left: -3px;
  top: 7px;
}
.fancy-ul li:hover:after {
  background-color: #23B175;
}
/* 友情链接 */
.friend {
  font-size: 14px;
  text-indent: 0px;
}
.friend-ul {
  font-size: 14px;
  text-indent: 0px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.friend-ul li {
  display: inline-block;
  margin: 8px 12px;
}
.friend-ul a {
  display: block;
  color: #666;
  padding: 6px 14px;
  border: 1px solid #ddd;
  border-radius: 24px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.friend-ul a:hover {
  background-color: #f0f0f0;
  border-color: #23B175;
  color: #23B175;
}
hr {
  border-bottom: 2px solid #efefef;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}
.skillscontainer {
  width: 100%;
  background-color: #ddd;
}
.skills {
  text-align: right;
  padding-right: 20px;
  line-height: 40px;
  color: white;
}
.life {
  width: 66.67%;
  background-color: #f44336;
}
details {
  border-bottom: 2px solid #efefef;
  padding: 0.5em 0.5em 0;
}
summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
  font-size: 1.1em;
  font-weight: 800;
  text-indent: 0em;
}
details[open] {
  padding: 0.5em;
}
details[open] summary {
  border-bottom: 2px solid #efefef;
  margin-bottom: 0.5em;
}
.site-banner {
  background-color: #f0f0f0;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  position: fixed;
  z-index: -1;
  background-image: url(/media/images/1.jpg);
  background-position: center;
  color: rgba(0, 0, 0, 0.8);
  padding: 140px 0px;
  background-size: cover;
}
.site-banner .fade-cover {
  display: none;
}
.site-banner.fade .fade-cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.banner-txt {
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85);
}
.banner-txt h2 {
  font-size: 30px;
  margin: 40px 0 20px;
}
.banner-txt * {
  display: inline-block;
  padding: 15px 30px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
.site-main {
  width: 100%;
  background: #fff;
  margin-top: 0px;
  position: relative;
}
.surface-content {
  margin: 0 auto;
  padding: 70px 20px 20px 20px;
}
.site-main .surface-content {
  padding-top: 70px;
}
.site-footer {
  position: relative;
}
.site-description {
  font-family: "raleway", sans-serif;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: none;
}
.site-footer hr {
  border-color: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  width: 6em;
  opacity: 1;
}
.site-footer .footer-copy,
.social-links {
  color: rgba(255, 255, 255, 0.6);
  margin: 1em auto;
  max-width: 30em;
  text-align: center;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
}
/*--------------------------------------------------------------
12. Header
--------------------------------------------------------------*/
/* If WordPress admin bar is enabled */
.admin-bar .site-header {
  top: 42px;
  /* 32px管理员栏高度 + 10px间距 */
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.admin-bar .site-header.is-fixed {
  top: 42px;
  /* 32px管理员栏高度 + 10px间距 */
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.site-header {
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  z-index: 9999;
  border-radius: 35px;
  background-color: #ffffff;
  margin: 0 auto;
}
/* 移动端样式：左右各留出10px空间 */
@media screen and (max-width: 40em) {
  .site-header {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
    border: 1px solid #e3e2e2;
    background-color: #f8f9fa;
  }
  .site-header.is-fixed {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
    border: 1px solid #e3e2e2;
    background-color: #f8f9fa;
  }
  .admin-bar .site-header {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
    border: 1px solid #e3e2e2;
    background-color: #f8f9fa;
  }
  .admin-bar .site-header.is-fixed {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
    border: 1px solid #e3e2e2;
    background-color: #f8f9fa;
  }
}
@media screen and (min-width: 40em) {
  .site-header {
    -webkit-transition: background-color 0.3s, box-shadow 0.3s;
    -moz-transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .site-header.is-fixed {
    /* 始终固定在顶部，移除向上隐藏的效果 */
    position: fixed;
  }
  .site-header.is-visible {
    /* 始终显示，移除transform效果 */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .site-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: #ffffff;
  }
}
.site-branding {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.875em;
}
/* 头像样式 */
.site-avatar {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.site-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.site-title {
  display: inline-block;
  vertical-align: middle;
}
.site-branding img {
  display: inline-block;
  max-height: 36px;
  width: auto;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  .site-branding {
    left: 1.6em;
  }
}
/** Branding */
.site-title {
  font-size: 1.35em;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 800;
  padding: 0px 0px 0px 5px;
  margin: 0;
}
.site-title a {
  color: #333;
}
.site-description {
  font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Courier New', monospace;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
}
header.site-description {
  display: inline-block;
}
/** Menu-Icons */
.search-trigger {
  position: absolute;
  right: 40px;
  top: 28px;
  width: 40px;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .search-trigger {
    right: 60px;
  }
}
.search-trigger:before {
  width: 100%;
  display: block;
  font-family: "ElegantIcons";
  font-weight: normal;
  text-align: center;
  content: "\55";
}
.search-trigger:before::after {
  clear: both;
  content: "";
  display: table;
}
.search-trigger.search-form--active:before {
  font-size: 1.6em;
  line-height: 0.9em;
  content: "\4d";
}
.search-trigger:hover {
  color: inherit;
}
.site-header .search-form {
  position: absolute;
  right: 60px;
  top: 0;
  width: 80px;
  opacity: 0;
  display: none;
}
@media screen and (min-width: 40em) {
  .site-header .search-form {
    right: 110px;
  }
}
@media screen and (min-width: 53.75em) {
  .site-header .search-form {
    display: block;
  }
}
.site-header .search-form input.search-field {
  width: 80px;
  font-size: 0.8em;
  border-width: 0;
  padding: 0.4em 0.4em 0.4em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.site-header .search-form input.search-field:active,
.site-header .search-form input.search-field:focus,
.site-header .search-form input.search-field:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.site-header .search-form input.search-field::-webkit-input-placeholder {
  color: black;
}
.site-header .search-form input.search-field::-moz-placeholder {
  color: black;
}
.site-header .search-form input.search-field:-moz-placeholder {
  color: black;
}
.site-header .search-form input.search-field:-ms-input-placeholder {
  color: black;
}
.site-header .search-form .search-submit {
  display: none;
}
.site-header .search-form.search-form--active {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 80px;
  display: block;
  top: 28px;
  opacity: 1;
}
.primary-nav-trigger {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  width: 50px;
  border-width: 0px;
  background-color: transparent;
}
.primary-nav-trigger .menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 4px;
  background-color: black;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.primary-nav-trigger .menu-icon::before,
.primary-nav-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s;
  -moz-transition: -moz-transform 0.3s, top 0.3s, background-color 0s;
  transition: transform 0.3s, top 0.3s, background-color 0s;
}
.primary-nav-trigger .menu-icon::before {
  top: -7px;
}
.primary-nav-trigger .menu-icon::after {
  top: 7px;
}
.primary-nav-trigger .menu-icon.is-clicked {
  background-color: transparent;
}
.primary-nav-trigger .menu-icon.is-clicked::before,
.primary-nav-trigger .menu-icon.is-clicked::after {
  background-color: black;
}
.primary-nav-trigger .menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.primary-nav-trigger .menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media screen and (min-width: 40em) {
  .primary-nav-trigger {
    width: 50px;
    padding-left: 1em;
    background-color: transparent;
    height: 50px;
    line-height: 30px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .primary-nav-trigger .menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}
/*--------------------------------------------------------------
13. Navigation
--------------------------------------------------------------*/
.site-navigation-wrapper {
  /* by default it's hidden - on bottom of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.92);
  z-index: 10000;
  padding: 90px 0;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* 关闭按钮样式 */
.close-nav-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 36px;
  color: #666;
  cursor: pointer;
  z-index: 10001;
  transition: color 0.3s ease;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.close-nav-btn:hover {
  color: #23B175;
}
.site-navigation-wrapper.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 40em) {
  .site-navigation-wrapper {
    padding: 120px 0;
  }
}
.main-navigation {
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.main-navigation ul {
  padding: 0 0 60px;
}
.main-navigation li {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (min-width: 40em) {
  .main-navigation li {
    font-size: 1.6em;
  }
}
.main-navigation li:last-child {
  border: none;
}
.main-navigation a {
  color: black;
  display: inline-block;
}
.no-touch .main-navigation a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.main-navigation .children {
  padding: 0 0 0 0;
}
.main-navigation .children li {
  font-size: 0.6em;
  border: none;
  padding-bottom: 0.4em;
  padding-top: 0.4em;
}
@media screen and (min-width: 40em) {
  .main-navigation .children li {
    font-size: 0.7em;
  }
}
.main-navigation .children li ul {
  padding: 0;
}
.main-navigation .children li ul li {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
.main-navigation .children li:last-child {
  margin-bottom: 0;
  border: none;
}
.site-navigation-wrapper.is-visible .main-navigation {
  opacity: 1;
}
.footer-branding {
  margin-bottom: 30px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.footer-branding img {
  max-height: 2em;
  width: auto;
}
.footer-branding .site-title {
  font-size: 1.5em;
}
.footer-branding::after {
  clear: both;
  content: "";
  display: table;
}
.footer-copy {
  margin-top: 2px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.more {
  text-align: center;
  font-size: 14px;
}
.more-link {
  display: inline-block;
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
  color: #000000;
  background-color: #3333;
  border-radius: 24px;
  padding-inline: 24px;
}
.more-link:hover {
  color: #FFF;
  background-color: #23B175;
  border-radius: 24px;
  padding-inline: 24px;
}
/* 表格容器，支持响应式横向滚动 */
.grap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  font-size: 0.96em;
  box-sizing: border-box;
  /* 移除不必要的display:block，让表格正常显示 */
  display: table;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: normal;
}
/* 在非移动端显示时，调整表格样式 */
@media (min-width: 968px) {
  .grap table {
    /* 直接使用100%宽度，继承surface-content的max-width:1200px */
    width: 100%;
    /* 确保表格能正常换行，避免内容溢出 */
    white-space: normal;
    /* 移除block显示，让表格正常渲染 */
    display: table;
  }
  /* 确保表格单元格能正常换行 */
  .grap table td,
  .grap table th {
    white-space: normal;
    word-wrap: break-word;
  }
}
/* 为小屏幕设备保持响应式滚动 */
@media (max-width: 967px) {
  .grap table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .grap table td,
  .grap table th {
    white-space: nowrap;
  }
}
/* 为表格创建响应式滚动容器 */
.grap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* 为iframe添加响应式横向滚动容器 */
.grap iframe {
  display: block;
  max-width: none;
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
/* 为Markdown复选框添加样式 */
/* 为task-list-item添加基本样式 */
.grap .task-list-item {
  position: relative;
  padding-left: 5px;
  list-style-type: none;
}
/* 为task-list-item中的checkbox添加样式 */
.grap .task-list-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
/* 为task-list-item的checkbox创建自定义外观 */
.grap .task-list-item label {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  vertical-align: middle;
}
.grap .task-list-item label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: white;
  border: 1px solid #23B175;
  border-radius: 50%;
  z-index: 1;
}
/* 为选中状态的checkbox添加样式 - 纯绿色圆形 */
.grap .task-list-item input[type="checkbox"]:checked + label::before {
  content: '';
  background-color: #23B175;
  border: 1px solid #23B175;
}
/* 为勾选状态[x] 添加样式 - 优化版本 */
.grap span[class*="task-checkbox"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin-right: 8px;
  background-color: #23B175;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
}
/* 为未勾选状态[  ] 创建样式 */
.grap span[class*="task-checkbox-unchecked"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  margin-right: 8px;
  background-color: white;
  border: 1px solid #23B175;
  border-radius: 50%;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}
/* 优化列表项样式 */
.grap ul li {
  position: relative;
  padding-left: 8px;
}
/* 为包含[x]的列表项添加样式 */
.grap ul li.x-checkbox {
  position: relative;
  padding-left: 3px;
}
.grap ul li.x-checkbox::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #23B175;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
/* 为包含[  ]的列表项添加样式 */
.grap ul li.empty-checkbox {
  position: relative;
  padding-left: 0px;
}
.grap ul li.empty-checkbox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  background-color: white;
  border: 1px solid #23B175;
  border-radius: 50%;
  font-size: 12px;
  vertical-align: middle;
}
/* 表格单元格样式 */
.grap table th,
.grap table td {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #efefef;
  min-width: 80px;
  white-space: nowrap;
}
/* 表格头部样式 */
.grap table th {
  font-weight: 800;
  background-color: #f8f8f8;
}
/* 斑马条纹效果 */
.grap table tr:nth-child(even) {
  background-color: #fafafa;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.hljs,
.hljs-tag,
.css .hljs-rules,
.css .hljs-value,
.css .hljs-function .hljs-preprocessor,
.hljs-pragma {
  color: #8B008B;
}
.hljs-strongemphasis,
.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}
.hljs-bullet,
.hljs-blockquote,
.hljs-horizontal_rule,
.hljs-number,
.hljs-regexp,
.alias .hljs-keyword,
.hljs-literal,
.hljs-hexcolor {
  color: #ae81ff;
}
.hljs-tag .hljs-value,
.hljs-code,
.hljs-title,
.css .hljs-class,
.hljs-class .hljs-title:last-child {
  color: #a6e22e;
}
.hljs-link_url {
  font-size: 80%;
}
.hljs-strong,
.hljs-strongemphasis {
  font-weight: bold;
}
.hljs-emphasis,
.hljs-strongemphasis,
.hljs-class .hljs-title:last-child {
  font-style: italic;
}
.hljs-keyword,
.hljs-function,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.tex .hljs-special,
.hljs-header,
.hljs-attribute,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-tag .hljs-title,
.hljs-value,
.alias .hljs-keyword:first-child,
.css .hljs-tag,
.css .unit,
.css .hljs-important {
  color: #f92672;
}
.hljs-function .hljs-keyword,
.hljs-class .hljs-keyword:first-child,
.hljs-constant,
.css .hljs-attribute {
  color: #CD5555;
}
.hljs-variable,
.hljs-params,
.hljs-class .hljs-title {
  color: #607d8b;
}
.hljs-string,
.css .hljs-id,
.hljs-subst,
.haskell .hljs-type,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.sql .hljs-aggregate,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt,
.hljs-link_label,
.hljs-link_url {
  color: #658b00;
}
.hljs-comment,
.hljs-javadoc,
.java .hljs-annotation,
.python .hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
  color: #75715e;
}
/* 暗色调配色方案 */
body.dark {
  background-color: rgb(38 38 36);
  color: rgba(255, 255, 255, 0.85);
}
body.dark .surface-content {
  background-color: rgb(38 38 36);
}
body.dark .site-header {
  background-color: rgba(26, 26, 26, 0.95);
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark .site-header.menu-is-open {
  background-color: rgba(26, 26, 26, 0.95);
}
body.dark .menu-icon,
body.dark .menu-icon::before,
body.dark .menu-icon::after {
  background-color: #fff;
}
body.dark .menu-icon.is-clicked::before,
body.dark .menu-icon.is-clicked::after {
  background-color: #fff;
}
body.dark .site-title a {
  color: #fff;
}
body.dark .site-navigation-wrapper {
  background: rgba(26, 26, 26, 0.98);
}
body.dark .main-navigation a {
  color: #fff;
}
body.dark .no-touch .main-navigation a:hover {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .block--list,
body.dark .block--list:last-child {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .block-postMetaWrap {
  color: rgba(255, 255, 255, 0.6);
}
/* 暗色调模式下的链接样式，不设置边框，由post页面特定样式控制 */
body.dark .grap a {
  color: rgba(255, 255, 255, 0.8);
}
/* 暗色调模式下，只在post页面显示链接虚线 */
body.dark.single .grap a,
body.dark.single-post .grap a {
  text-decoration: underline;
  text-decoration-color: #23B175;
  text-decoration-style: dotted;
  text-underline-offset: 4px;
}
body.dark .grap a:hover {
  color: #23B175;
}
body.dark blockquote {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
}
body.dark pre,
body.dark pre code {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.9);
}
body.dark code {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
body.dark hr {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .grap hr {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
body.dark .postFooterinfo {
  border-top-color: rgba(255, 255, 255, 0.1);
}
body.dark .postFooterinfo .author-description {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .comment-body {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .comment-meta {
  color: rgba(255, 255, 255, 0.8);
}
body.dark .commentlist .comment-metadata {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .comment-form label {
  color: rgba(255, 255, 255, 0.9);
}
body.dark .comment-form input,
body.dark .comment-form textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
}
body.dark .form-submit .submit {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #23B175;
  color: #23B175;
}
body.dark .form-submit .submit:hover {
  background-color: #23B175;
  color: #fff;
}
body.dark .comments-title {
  color: rgba(255, 255, 255, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .comment-reply-title {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .nav-links .page-numbers {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}
body.dark .nav-links .page-numbers.current,
body.dark .nav-links .page-numbers:hover {
  background-color: #23B175;
  border-color: #23B175;
  color: #fff;
}
body.dark .post--keyword {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}
body.dark .author-meta,
body.dark .author-meta .icon {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.6);
}
body.dark .fancy-archive {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .fancy-archive:before {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark .archive-month:before,
body.dark .fancy-ul li:before {
  background-color: #1a1a1a;
}
body.dark .archive-month:after,
body.dark .fancy-ul li:after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.dark .archive-month:hover:after,
body.dark .fancy-ul li:hover:after {
  background-color: #23B175;
}
body.dark .friend-ul a {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark .friend-ul a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #23B175;
  color: #23B175;
}
body.dark details {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark details[open] summary {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .more-link {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark .more-link:hover {
  color: #fff;
  background-color: #23B175;
}
body.dark .grap table th {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
body.dark .grap table td {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}
body.dark .grap table tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
body.dark .grap .task-list-item label::before {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #23B175;
}
body.dark .grap .task-list-item input[type="checkbox"]:checked + label::before {
  background-color: #23B175;
  border-color: #23B175;
}
body.dark .grap ul li.x-checkbox::before {
  background-color: #23B175;
  color: #fff;
}
body.dark .grap ul li.empty-checkbox::before {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #23B175;
}
body.dark .button {
  border-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}
body.dark .button--primary {
  color: #23B175;
  border-color: #23B175;
}
body.dark .pagination a,
body.dark .pagination span {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .pagination a:link,
body.dark .pagination a:visited {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .pagination a:hover,
body.dark .pagination:active,
body.dark .pagination:focus {
  color: rgba(255, 255, 255, 0.9);
}
body.dark .comment-navigation .nav-next,
body.dark .comment-navigation .nav-previous,
body.dark .comment-navigation .page-link-item {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}
body.dark .comment-navigation .nav-next:hover,
body.dark .comment-navigation .nav-previous:hover,
body.dark .comment-navigation .page-link-item:hover {
  background-color: #23B175;
  color: #fff;
}
body.dark .skillscontainer {
  background-color: rgba(255, 255, 255, 0.1);
}
body.dark .site-banner {
  color: rgba(255, 255, 255, 0.9);
}
body.dark .banner-txt {
  color: rgba(255, 255, 255, 0.9);
}
body.dark .close-nav-btn {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .close-nav-btn:hover {
  color: #23B175;
}
body.dark .site-navigation-wrapper {
  background: rgba(26, 26, 26, 0.98);
}
body.dark .main-navigation {
  opacity: 1;
}
body.dark .main-navigation li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .search-trigger {
  color: rgba(255, 255, 255, 0.8);
}
body.dark .search-trigger:hover {
  color: #23B175;
}
body.dark .site-header .search-form input.search-field {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9);
}
body.dark .site-header .search-form input.search-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .site-header .search-form input.search-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .site-header .search-form input.search-field:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .site-header .search-form input.search-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
/* 代码高亮样式调整 */
body.dark .hljs,
body.dark .hljs-tag,
body.dark .css .hljs-rules,
body.dark .css .hljs-value,
body.dark .css .hljs-function .hljs-preprocessor,
body.dark .hljs-pragma {
  color: #f8f8f2;
}
/* 标题样式的暗色调适配 */
body.dark h1,
body.dark h2,
body.dark .grap-h1 {
  color: rgba(255, 255, 255, 0.95);
}
body.dark .grap-h2 {
  text-align: center;
}
body.dark .hljs-strongemphasis,
body.dark .hljs-strong,
body.dark .hljs-emphasis {
  color: #a8a8a2;
}
body.dark .hljs-bullet,
body.dark .hljs-blockquote,
body.dark .hljs-horizontal_rule,
body.dark .hljs-number,
body.dark .hljs-regexp,
body.dark .alias .hljs-keyword,
body.dark .hljs-literal,
body.dark .hljs-hexcolor {
  color: #ae81ff;
}
body.dark .hljs-tag .hljs-value,
body.dark .hljs-code,
body.dark .hljs-title,
body.dark .css .hljs-class,
body.dark .hljs-class .hljs-title:last-child {
  color: #a6e22e;
}
body.dark .hljs-keyword,
body.dark .hljs-function,
body.dark .hljs-change,
body.dark .hljs-winutils,
body.dark .hljs-flow,
body.dark .lisp .hljs-title,
body.dark .clojure .hljs-built_in,
body.dark .nginx .hljs-title,
body.dark .tex .hljs-special,
body.dark .hljs-header,
body.dark .hljs-attribute,
body.dark .hljs-symbol,
body.dark .hljs-symbol .hljs-string,
body.dark .hljs-tag .hljs-title,
body.dark .hljs-value,
body.dark .alias .hljs-keyword:first-child,
body.dark .css .hljs-tag,
body.dark .css .unit,
body.dark .css .hljs-important {
  color: #f92672;
}
body.dark .hljs-function .hljs-keyword,
body.dark .hljs-class .hljs-keyword:first-child,
body.dark .hljs-constant,
body.dark .css .hljs-attribute {
  color: #66d9ef;
}
body.dark .hljs-variable,
body.dark .hljs-params,
body.dark .hljs-class .hljs-title {
  color: #f8f8f2;
}
body.dark .hljs-string,
body.dark .css .hljs-id,
body.dark .hljs-subst,
body.dark .haskell .hljs-type,
body.dark .ruby .hljs-class .hljs-parent,
body.dark .hljs-built_in,
body.dark .sql .hljs-aggregate,
body.dark .django .hljs-template_tag,
body.dark .django .hljs-variable,
body.dark .smalltalk .hljs-class,
body.dark .django .hljs-filter .hljs-argument,
body.dark .smalltalk .hljs-localvars,
body.dark .smalltalk .hljs-array,
body.dark .hljs-attr_selector,
body.dark .hljs-pseudo,
body.dark .hljs-addition,
body.dark .hljs-stream,
body.dark .hljs-envvar,
body.dark .apache .hljs-tag,
body.dark .apache .hljs-cbracket,
body.dark .tex .hljs-command,
body.dark .hljs-prompt,
body.dark .hljs-link_label,
body.dark .hljs-link_url {
  color: #e6db74;
}
body.dark .hljs-comment,
body.dark .hljs-javadoc,
body.dark .java .hljs-annotation,
body.dark .python .hljs-decorator,
body.dark .hljs-template_comment,
body.dark .hljs-pi,
body.dark .hljs-doctype,
body.dark .hljs-deletion,
body.dark .hljs-shebang,
body.dark .apache .hljs-sqbracket,
body.dark .tex .hljs-formula {
  color: #75715e;
}
/* 切换按钮样式 */
.dark-mode-toggle {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
  padding: 5px;
  border-radius: 50%;
  transition: all 0.3s ease;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode-toggle:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #23B175;
}
body.dark .dark-mode-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #23B175;
}
@media screen and (max-width: 40em) {
  .dark-mode-toggle {
    right: 80px;
  }
}
@media screen and (min-width: 40em) {
  .dark-mode-toggle {
    right: 120px;
  }
}
/* 标签列表页面样式 */
.tags-list {
  margin: 20px 0;
}
.tag-group {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 10px;
}
.tag-name {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}
.tag-name a {
  color: #333;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
}
.tag-name a:hover {
  color: #1a8a55;
}
.tag-count {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  background-color: rgba(35, 177, 117, 0.1);
  padding: 2px 8px;
  border-radius: 12px;
}
.tag-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tag-post-item {
  padding: 3px 0;
  border-bottom: 1px solid #e3e2e2;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s ease;
}
.tag-post-item:last-child {
  border-bottom: none;
}
.tag-post-item:hover {
  background-color: rgba(35, 177, 117, 0.05);
  padding-left: 10px;
  border-radius: 5px;
}
.post-date {
  font-size: 14px;
  color: #8c8c8c;
  min-width: 90px;
  flex-shrink: 0;
}
.post-title {
  font-size: 15px;
  color: #333;
  text-decoration: none;
  flex: 1;
  transition: color 0.3s ease;
}
.post-title:hover {
  color: #23B175;
}
/* 标签列表的暗色调适配 */
body.dark .tag-group {
  background-color: rgba(255, 255, 255, 0.05);
}
body.dark .tag-name {
  color: rgba(255, 255, 255, 0.9);
}
body.dark .tag-name a {
  color: #FFF;
}
body.dark .tag-name a:hover {
  color: #36d79a;
}
body.dark .tag-count {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(35, 177, 117, 0.2);
}
body.dark .tag-post-item {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dark .tag-post-item:hover {
  background-color: rgba(35, 177, 117, 0.1);
}
body.dark .post-date {
  color: rgba(255, 255, 255, 0.6);
}
body.dark .post-title {
  color: rgba(255, 255, 255, 0.8);
}
body.dark .post-title:hover {
  color: #36d79a;
}
/* 目录样式的暗色调适配 - 完整覆盖内联样式 */
body.dark .post-toc {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.dark .toc-title {
  color: rgba(255, 255, 255, 0.9) !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
body.dark .toc-nav li a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark .toc-nav li a:hover {
  color: #23B175 !important;
}
body.dark .toc-nav li.active a {
  color: #23B175 !important;
  font-weight: 600 !important;
}
/* 目录滚动条的暗色调适配 */
body.dark .post-toc::-webkit-scrollbar {
  width: 6px;
}
body.dark .post-toc::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
body.dark .post-toc::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}
body.dark .post-toc::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}
/* 文章元信息的暗色调适配 */
body.dark .post-meta {
  color: rgba(255, 255, 255, 0.6) !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
body.dark .post-tags a {
  color: rgba(255, 255, 255, 0.6) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark .post-tags a:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
@media screen and (min-width: 53.75em) {
  .dark-mode-toggle {
    right: 160px;
  }
}