微信Markdown-here的CSS样式——不断调整

柔光的暖阳◎ 2022-06-02 08:39 150阅读 0赞

## 个人采用css样式代码： ##

/* * NOTE: * - The use of browser-specific styles (-moz-, -webkit-) should be avoided. * If used, they may not render correctly for people reading the email in * a different browser than the one from which the email was sent. * - The use of state-dependent styles (like a:hover) don't work because they * don't match at the time the styles are made explicit. (In email, styles * must be explicitly applied to all elements -- stylesheets get stripped.) */
    
    /* This is the overall wrapper, it should be treated as the `body` section. */
    .markdown-here-wrapper { }
    
    /* To add site specific rules, you can use the `data-md-url` attribute that we add to the wrapper element. Note that rules like this are used depending on the URL you're *sending* from, not the URL where the recipient views it. */
    /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
    
    pre, code { font-size: 0.85em; font-family: Consolas, Inconsolata, Courier, monospace; }
    
    code { margin: 0 0.15em; padding: 0 0.3em; white-space: pre-wrap; border: 1px solid #EAEAEA; background-color: #F8F8F8; border-radius: 3px; display: inline; /* added to fix Yahoo block display of inline code */ }
    
    pre { font-size: 1em; line-height: 1.2em; }
    
    pre code { white-space: pre; overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */ border-radius: 3px; border: 1px solid #CCC; padding: 0.5em 0.7em; display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */ }
    
    /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted code look non-monospace. This rule will override it. */
    .markdown-here-wrapper[data-md-url*="wordpress."] code span { font: inherit; }
    
    /* Wordpress adds a grey background to `pre` elements that doesn't go well with our syntax highlighting. */
    .markdown-here-wrapper[data-md-url*="wordpress."] pre { background-color: transparent; }
    
    /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing. Note that we only use a top margin and not a bottom margin -- this prevents the "blank line" look at the top of the email (issue #243). */
    p { /* !important is needed here because Hotmail/Outlook.com uses !important to kill the margin in <p>. We need this to win. */ margin: 0 0 1.2em 0 !important; }
    
    table, pre, dl, blockquote, q, ul, ol { margin: 1.2em 0; }
    
    ul, ol { padding-left: 2em; }
    
    li { margin: 0.5em 0; font-size: 16px; }
    
    /* Space paragraphs in a list the same as the list itself. */
    li p { /* Needs !important to override rule above. */ margin: 0.5em 0 !important; }
    
    /* Smaller spacing for sub-lists */
    ul ul, ul ol, ol ul, ol ol { margin: 0; padding-left: 1em; }
    
    /* Use letters for unordered-lists. (Like Github.) */
    ul ul, ul, ul { list-style-type: square; font-size: 16px; }
    
    /* Use letters for sub-ordered-lists. (Like Github.) */
    ol ol, ul ol { list-style-type: lower-roman; }
    
    /* Use Roman numerals for sub-sub-ordered lists. (Like Github.) */
    ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
    
    dl { padding: 0; }
    
    dl dt { font-size: 1em; font-weight: bold; font-style: italic; }
    
    dl dd { margin: 0 0 1em; padding: 0 1em; }
    
    blockquote, q { border-left: 4px solid #DDD; padding: 0 1em; color: #777; quotes: none; }
    
    blockquote::before, blockquote::after, q::before, q::after { content: none; }
    
    h1, h2, h3, h4, h5, h6{ margin:20px 0 10px; padding:0; font-weight: bold; color:#009688;}
    h1{ font-size:24px; border-bottom:1px solid #ddd;}
    h2{ font-size:22px; border-bottom:1px solid #eee;}
    h3{ font-size:20px;}
    h4{ font-size:18px;}
    h5{ font-size:16px;}
    h6{ font-size:16px; color:#777;}
    
    table { padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; font: inherit; border: 0; }
    
    tbody { margin: 0; padding: 0; border: 0; }
    
    table tr { border: 0; border-top: 1px solid #CCC; background-color: white; margin: 0; padding: 0; }
    
    table tr:nth-child(2n) { background-color: #F8F8F8; }
    
    table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; margin: 0; padding: 0.5em 1em; }
    
    table tr th { font-weight: bold; background-color: #F0F0F0; }
    
    p { font-size: 16px; line-height: 1.75em; padding-right: 0.5em; padding-left: 0.5em; }
    
    strong, b{ color:#BF360C;}

## 李笑来推荐: ##

/* * NOTE: * - The use of browser-specific styles (-moz-, -webkit-) should be avoided. * If used, they may not render correctly for people reading the email in * a different browser than the one from which the email was sent. * - The use of state-dependent styles (like a:hover) don't work because they * don't match at the time the styles are made explicit. (In email, styles * must be explicitly applied to all elements -- stylesheets get stripped.) */
    
    /* This is the overall wrapper, it should be treated as the `body` section. */
    .markdown-here-wrapper { }
    
    /* To add site specific rules, you can use the `data-md-url` attribute that we add to the wrapper element. Note that rules like this are used depending on the URL you're *sending* from, not the URL where the recipient views it. */
    /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
    
    pre, code { font-size: 0.85em; font-family: Consolas, Inconsolata, Courier, monospace; }
    
    code { margin: 0 0.15em; padding: 0 0.3em; white-space: pre-wrap; border: 1px solid #EAEAEA; background-color: #F8F8F8; border-radius: 3px; display: inline; /* added to fix Yahoo block display of inline code */ }
    
    pre { font-size: 1em; line-height: 1.2em; }
    
    pre code { white-space: pre; overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */ border-radius: 3px; border: 1px solid #CCC; padding: 0.5em 0.7em; display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */ }
    
    /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted code look non-monospace. This rule will override it. */
    .markdown-here-wrapper[data-md-url*="wordpress."] code span { font: inherit; }
    
    /* Wordpress adds a grey background to `pre` elements that doesn't go well with our syntax highlighting. */
    .markdown-here-wrapper[data-md-url*="wordpress."] pre { background-color: transparent; }
    
    /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing. Note that we only use a top margin and not a bottom margin -- this prevents the "blank line" look at the top of the email (issue #243). */
    p { /* !important is needed here because Hotmail/Outlook.com uses !important to kill the margin in <p>. We need this to win. */ margin: 0 0 1.2em 0 !important; }
    
    table, pre, dl, blockquote, q, ul, ol { margin: 1.2em 0; }
    
    ul, ol { padding-left: 2em; }
    
    li { margin: 0.5em 0; font-size: 16px; }
    
    /* Space paragraphs in a list the same as the list itself. */
    li p { /* Needs !important to override rule above. */ margin: 0.5em 0 !important; }
    
    /* Smaller spacing for sub-lists */
    ul ul, ul ol, ol ul, ol ol { margin: 0; padding-left: 1em; }
    
    /* Use letters for unordered-lists. (Like Github.) */
    ul ul, ul, ul { list-style-type: square; font-size: 16px; }
    
    /* Use letters for sub-ordered-lists. (Like Github.) */
    ol ol, ul ol { list-style-type: lower-roman; }
    
    /* Use Roman numerals for sub-sub-ordered lists. (Like Github.) */
    ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
    
    dl { padding: 0; }
    
    dl dt { font-size: 1em; font-weight: bold; font-style: italic; }
    
    dl dd { margin: 0 0 1em; padding: 0 1em; }
    
    blockquote, q { border-left: 4px solid #DDD; padding: 0 1em; color: #777; quotes: none; }
    
    blockquote::before, blockquote::after, q::before, q::after { content: none; }
    
    h1, h2, h3, h4, h5, h6 { margin: 1.3em 0 1em; padding: 0; font-weight: bold; }
    
    
    h1 { font-size: 20px; }
    
    h2 { min-height: 32px; line-height: 28px; border-bottom: solid 1px #000000; color: rgb(0, 0, 0); display: inline-block; border-bottom-width: 3px; border-bottom-style: solid; border-color: rgb(51, 51, 51); padding-top: 5px; padding-right: 0.5em; padding-left: 0.5em; margin-bottom: -3px; font-size: 18px; margin:1em auto; padding: 0.5em 0; text-align: center; width: 85%; font-weight: normal; display: flex; flex-direction: column; justify-content: center; }
    
    h3 { font-size: 16px; padding-right: 0.5em; padding-left: 0.5em; }
    
    h4 { font-size: 16px; padding-right: 0.5em; padding-left: 0.5em; }
    
    h5 { font-size: 16px; padding-right: 0.5em; padding-left: 0.5em; }
    
    h6 { font-size: 16px; color: #777; padding-right: 0.5em; padding-left: 0.5em; }
    
    table { padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; font: inherit; border: 0; }
    
    tbody { margin: 0; padding: 0; border: 0; }
    
    table tr { border: 0; border-top: 1px solid #CCC; background-color: white; margin: 0; padding: 0; }
    
    table tr:nth-child(2n) { background-color: #F8F8F8; }
    
    table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; margin: 0; padding: 0.5em 1em; }
    
    table tr th { font-weight: bold; background-color: #F0F0F0; }
    
    p { font-size: 16px; line-height: 1.75em; padding-right: 0.5em; padding-left: 0.5em; }

## 另一种偏爱： ##

.markdown-here-wrapper{ font-size:17px; line-height:30px;}
    pre, code{ font-size:14px; font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;}
    code{ margin:0 3px; padding:0 6px; white-space: pre-wrap; background-color:#F8F8F8; border-radius:2px; display: inline;}
    pre{ font-size:15px; line-height:20px;}precode{ white-space: pre; overflow: auto; border-radius:3px; padding:5px10px; display: block !important;}
    strong, b{ color:#BF360C;}
    em, i{ color:#009688;}
    big{ font-size:22px; color:#009688; font-weight: bold; vertical-align: middle; border-bottom:1px solid #eee;}
    small{ font-size:12px; line-height:22px;}
    hr{ border-bottom:0.05em dotted #eee; margin:10px auto;}
    p{ margin:15px 5px!important;}
    table, pre, dl, blockquote, q, ul, ol{ margin:10px 5px;}
    ul, ol{ padding-left:10px;}
    li{ margin:5px;}
    lip{ margin:5px 0!important;}
    ulul, ulol, olul, olol{ margin:0; padding-left:10px;}
    olol, ulol{ list-style-type: lower-roman;}
    ululol, ulolol, olulol, ololol{ list-style-type: lower-alpha;}
    dl{ padding:0;}
    dldt{ font-size:1em; font-weight: bold; font-style: italic;}
    dldd{ margin:0 0 10px; padding:0 10px;}
    blockquote, q{ border-left:3px solid #009688; padding:0 10px; color:#777; quotes: none;}
    blockquote::before, blockquote::after, q::before, q::after{ content: none;}
    h1, h2, h3, h4, h5, h6{ margin:20px 0 10px; padding:0; font-weight: bold; color:#009688;}
    h1{ font-size:24px; border-bottom:1px solid #ddd;}
    h2{ font-size:22px; border-bottom:1px solid #eee;}
    h3{ font-size:20px;}
    h4{ font-size:18px;}
    h5{ font-size:16px;}
    h6{ font-size:16px; color:#777;}
    table{ padding:0; border-collapse: collapse; border-spacing:0; font-size:1em; font: inherit; border:0;}
    tbody{ margin:0; padding:0; border:0;}
    tabletr{ border:0; border-top:1px solid #CCC; background-color: white; margin:0; padding:0;}
    tabletr:nth-child(2n){ background-color:#F8F8F8;}
    tabletrth, tabletrtd{ font-size:16px; border:1px solid #CCC; margin:0; padding:5px10px;}
    tabletrth{ font-weight: bold; background-color:#F0F0F0;}

## 不知名豆瓣排版： ##

p{ padding:0 10px 0 17px} 
    p{ font-size:16px; line-height:28px; color:#595959;font-family:微软雅黑} 
    pre, code{ font-size:14px; font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;}
    code{ margin:0 3px; padding:0 6px; white-space: pre-wrap; background-color:#F8F8F8; border-radius:2px; display: inline;} 
    pre{ font-size:15px; line-height:30px;} 
    precode{ white-space: pre; overflow:auto; border-radius:3px; padding:5px10px; display: block !important;} 
    strong, b{ color:#BF360C;} 
    em, i{ color:#009688;} 
    big{ font-size:22px; color:#009688; font-weight: bold; vertical-align: middle; border-bottom:1px solid #eee;} 
    small{ font-size:12px; line-height:22px;} 
    hr{ border-bottom:0.05em dotted #eee; margin:10px auto;} 
    p{ margin:15px 5px!important;} 
    table, pre, dl, blockquote, q, ul, ol{ margin-left:22px; padding-left:0; margin-right:20px;} 
    ul, ol{ padding-left:10px;} 
    li{ margin:5px;} 
    lip{ margin:5px 0!important;} 
    ulul, ulol, olul, olol{ margin:0; padding-left:10px;} 
    olol, ulol{ list-style-type: lower-roman;} 
    ululol, ulolol, olulol, ololol{ list-style-type: lower-alpha;} 
    dl{ padding:0;} 
    dldt{ font-size:1em; font-weight: bold; font-style: italic;} 
    dldd{ margin:0 0 10px; padding:0 10px;} 
    blockquote, q{ border-left:3px solid #009688; margin-left:22px; padding-left:0; margin-right:20px;color:#777; quotes: none;} 
    blockquote,q{ background-color:#f8f8ff;} 
    blockquote::before, blockquote::after, q::before, q::after{ content: none;} 
    h1, h2, h3, h4, h5, h6{ margin:20px 0 10px; padding:0; font-weight: bold; color:#009688;} 
    h1,h2,h3{ text-align: center;} 
    h1{ font-size:24px;} 
    h2{ font-size:22px;} 
    h3{ font-size:21px;} 
    h4{ font-size:19px;margin-left:22px; margin-right:20px} 
    h5{ font-size:18px;margin-left:22px; margin-right:20px} 
    h6{ font-size:17px; color:#009688;margin-left:22px; margin-right:20px} 
    table{ padding:0; border-collapse: collapse; border-spacing:0; font-size:15px; font: inherit; border:0;text-align: center;margin-left:22px; margin-right:20px;} 
    tbody{ margin-left:22px; margin-right:20px;} 
    tabletr{ border:0; border-top:1px solid #CCC; background-color: white; margin:0; padding:0;} 
    tabletr:nth-child(2n){ background-color:#F8F8F8;} 
    tabletrth, tabletrtd{ font-size:15px; border:1px solid #CCC; margin:0; padding:5px10px;} 
    tabletrth{ font-weight: bold; background-color:#F0F0F0;}

## [Md2All][] ##

1.  默认样式：
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
2.  标题颜色
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; color:#159957; /*改变了其默认的标题颜色*/ }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
3.  标题居中
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; color:#159957; /*改变了其默认的标题颜色*/ text-align: center; /*改变了其默认值，使其标题居中*/ }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
4.  标题背景
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; color:#159957; /*改变了其默认的标题颜色*/ text-align: center; /*改变了其默认值，使其标题居中*/ }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
5.  标题酷酷
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/
        { border-bottom: 2px solid rgb(63,63,63); margin-bottom:50px; font-size: 1em; }
        h2 span{ /*增加对h3标题字体的修改*/ display:inline-block; background: rgb(63,63,63); color:#ffffff; padding: 10px 16px; border-radius:5px; box-shadow: 5px 5px 10px black; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
6.  感想诗词
    
        /*此样式比较适合发表感想，诗歌等。但不适合代码，列表那些*/
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 14px;/*使字体变小*/ color: #50616D;/*改变字体颜色*/ line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; margin:0px 10%; /*使两边间距增大*/ text-align:center; /*使所有居中*/ }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1em 0px;/*改变默认的段间距*/ }
        h1,h2,h3,h4,h5,h6 { margin: 2em 0px;/*增加默认的标题间距*/ font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
7.  引用块样式
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.8em; /*修改默认字体大小*/ padding-right: 15px; margin: 1em 0; color: rgb(102, 102, 102);/*修改默认颜色*/ border-left: 6px solid rgb(33, 152, 99);/*修改默认的左边框的颜色*/ background: rgb(247, 247, 247);/*修改默认的背景色*/ overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        blockquote a { color: #159957;/*修改默认的链接颜色*/ }
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
8.  代码块样式
    
        /* 可任意修改样式，或恢复预设值，保存后生效 你甚至可以修改代码块高亮的样式，请往下看会找到红色说明要修改的部分！ */
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
        
        
        /* 从这一行开始，为代码的高亮样式部分， 你可以把下面的定义为你想要的代码高亮样式，在此样式下，会固定用你下面的代码高亮样式，而菜单的“代码样式”不再有效 */
        
        .hljs { /*代码块高亮的全局属性*/ color: #a9b7c6; background: #282b2e; display: block; overflow-x: auto; padding: 0.5em; }
        
        .hljs-params
        { color: #ff9823; }
        .hljs-number,
        .hljs-literal,
        .hljs-symbol,
        .hljs-bullet { color: #AE87FA; }
        
        .hljs-function,
        .hljs-built_in,
        .hljs-name,
        .hljs-keyword,
        .hljs-selector-tag,
        .hljs-deletion { color: #f82375; }
        
        .hljs-variable,
        .hljs-template-variable,
        .hljs-link { color: #629755; }
        
        .hljs-comment,
        .hljs-quote { color: #808080; }
        
        .hljs-meta { color: #5bdaed; }
        
        .hljs-string,
        .hljs-attribute,
        .hljs-addition { color: #eedc70; }
        
        .hljs-attr,
        .hljs-section,
        .hljs-title,
        .hljs-type { color: #a5da2d; }
        
        .hljs-selector-class
        { color: #a5da2d; }
        
        .hljs-name,
        .hljs-selector-id,
        { color: #f92672; }
        
        .hljs-emphasis { font-style: italic; }
        
        .hljs-strong { font-weight: bold; }
9.  掘金样式
    
        /* 2017-12-04 注：近段时间，掘金网站已作了更新，现在，不需要为掘金网站做任何特殊的样式处理了。目前，此样式已和默认样式一样了。 但不排除掘金这段时候有调整他们的做法，如果发现样式有不对的地方，可以尝试打开本样式最后的的那个margin和padding为0的设置，或直接公众号上留言给我。 */
        
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
        
        
        /*“掘金”可能要把这些margin和padding设为0，否则间距会很大.*/
        /* p, h1,h2,h3,h4,h5,h6,li,blockquote { margin:0px; padding:0px; } */
10. 标题前后修饰
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/
        { border-bottom: 2px solid rgb(63,63,63); margin-bottom:50px; font-size: 1em; }
        h2 span{ /*增加对h3标题字体的修改*/ display:inline-block; background: rgb(63,63,63); color:#ffffff; padding: 10px 16px; border-radius:5px; box-shadow: 5px 5px 10px black; }
        
        h2 span:before{ /*增加对h3标题before 属性*/ content:". "; /*你可以参考这种方法，把它改为图片*/ color:#159957; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
11. 标题背景渐变
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2
        { /*增加对H3标题属性的修改*/ margin-bottom:2em; margin-right: 5px; padding: 8px 15px; letter-spacing: 2px; background-image: linear-gradient(to right bottom, rgb(0, 188, 212), rgb(63, 81, 181)); background-color: rgb(63, 81, 181); color: rgb(255, 255, 255); border-left: 10px solid rgb(51, 51, 51); border-radius:5px; text-shadow: rgb(102, 102, 102) 1px 1px 1px; box-shadow: rgb(102, 102, 102) 1px 1px 2px; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
12. 字距偏大
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; word-spacing:2px; /*更改默认的词间距*/ letter-spacing:2px;/*更改默认的字符间距*/ font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
13. 标题下边框
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/
        { border-bottom: 2px solid rgb(63,63,63); margin-bottom:50px; }
        h2 span{ /*增加对h3标题字体的修改*/ display:inline-block; padding: 10px 0px; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
14. 标题上下边框
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/
        { border-bottom: 2px solid rgb(63,63,63); border-top: 2px solid rgb(63,63,63); margin-bottom:50px; font-size: 1.1em; }
        
        h2 span{ /*增加对h3标题字体的修改*/ display:block; color:#ffffff; background:rgb(63,63,63); padding: 10px 10px; margin:3px 0px; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
15. 标题四边框
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/
        { border: 2px solid rgb(63,63,63); margin-bottom:50px; font-size: 1.1em; border-radius:5px; }
        
        h2 span{ /*增加对h3标题字体的修改*/ display:block; color:#ffffff; background:rgb(63,63,63); padding: 10px 10px; margin:3px 3px; border: 2px solid rgb(63,63,63); border-radius:5px; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
16. 标题首字突出
    
        /*此样式比较适合对标题的第一个字做特殊效果，一般像标题序号这些*/
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 16px; color: #3e3e3e; line-height: 1.6; font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.5em 0px; }
        h1,h2,h3,h4,h5,h6 { margin: 1.5em 0px; font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        h2/*增加对h3标题属性的修改*/ 
        { border-bottom: 2px solid #3e3e3e; margin-bottom:50px; }
        h2 span{ /*增加对h3标题字体的修改*/ display:inline-block; padding: 10px 0px; }
        h2 span:first-letter{ /*增加对标题中第一个字的样式*/ color:#ffffff; padding:10px 15px; margin-right:20px; background: #3e3e3e; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#e96900; background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色，如需要请打开*/
        /* table tr:nth-child(2n) { background-color: #F8F8F8; } */
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/
17. 综合示例
    
        /*可任意修改样式，或恢复预设值，保存后生效*/
        
        .output_wrapper/*此属性为全局*/
        { font-size: 15px;/*更改默认的字体大小*/ color: #3e3e3e; line-height: 1.8; /*更改默认的行距*/ word-spacing:2px; /*更改默认的词间距*/ letter-spacing:2px;/*更改默认的字符间距*/ font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
        .output_wrapper *
        { font-size: inherit ; color: inherit; line-height: inherit; margin:0px; padding:0px; }
        
        p { /*段落*/ margin: 1.7em 0px;/*更改默认的段落距离*/ }
        h1,h2,h3,h4,h5,h6 { margin: 1.6em 0px;/*增加默认的标题间距*/ font-weight:bold; }
        h1 { font-size: 1.6em ; }
        h2 { font-size: 1.4em; }
        h3 { font-size: 1.3em; }
        h4 { font-size: 1.2em; }
        h5 { font-size: 1em; }
        h6 { font-size: 1em; }
        
        ul, ol { padding-left: 32px; }
        ul{ /*无序列表*/ list-style-type: disc; }
        ol { /*有序列表*/ list-style-type: decimal; }
        li *  
        { /* color: #3e3e3e;*/ } 
        
        li{ /*在公众号下，改变不了li符号的属性（如颜色），并会影响其子元素的属性;而在其它博客平台中，则能正常使用*/ margin-bottom: 0.5em; /* color:#159957; */ }
        .code_size_default  /*代码块默认size*/
        { line-height: 18px; font-size: 14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
        .code_size_tight /*代码块紧凑size*/
        { line-height: 15px; font-size: 11px; font-weight:normal; word-spacing:-3px; letter-spacing:0px; }
        pre code /*代码块*/
        { font-family: Consolas, Inconsolata, Courier, monospace; }
        blockquote { /*引用块*/ display: block; padding: 15px 1rem; font-size: 0.9em; padding-right: 15px; margin: 1em 0; color: #819198; border-left: 6px solid #dce6f0; background: #f2f7fb; overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal; }
        blockquote p { margin: 0px; }
        
        a { /*超链接*/ text-decoration: none; color: #1e6bb8; word-wrap:break-word; }
        
        strong  /*强调*/
        { font-weight: bold; color:#e96900;/*更改默认的颜色*/ }
        em /*斜体*/
        { font-style:italic; }
        del /*删除线*/
        { font-style:italic; }
        strong em/*强调的斜体*/
        { font-weight: bold; }
        
        hr { /*分隔线*/ height: 1px; margin: 1.5rem 0px; border: none; border-top: 1px dashed #A5A5A5; }
        
        code /*行内代码*/
        { word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin:0 2px; color:#f82375;/*更改默认的颜色*/ background:#f8f8f8; }
        img
        { display: block; margin:0 auto; /*图片水平居中*/ /* margin:0 0; */ /*图片水平居左，如需要请打开*/ max-width:100%; }
        
        /*================表格开始================*/
        table
        { display:table; width: 100% ; text-align: left; }
        tbody { border: 0; }
        
        table tr { border: 0; border-top: 1px solid #CCC; background-color: white; }
        
        /*隔行改变行的背景色*/
        table tr:nth-child(2n) { background-color: #F8F8F8; }
        
        
        table tr th, table tr td { font-size: 1em; border: 1px solid #CCC; padding: 0.5em 1em; text-align: left; }
        /*表头的属性*/
        table tr th { font-weight: bold; background-color: #F0F0F0; }
        /*================表格结束================*/
        
        
        
        .katex-display { /*数学公式*/ font-size:1.5em; }
        
        a[href^="#"] sup
        { /*注脚*/ vertical-align:super; margin:0 2px; padding:1px 3px; color: #ffffff; background:#666666; font-size:0.7em; }
        
        /*================任务列表开始================*/
        .task-list-list { list-style-type: none; }
        .task-list-list.checked { /*已完成*/ color: #3e3e3e; }
        
        .task-list-list.uncheck { /*未完成*/ color: #bfc1bf; }
        .task-list-list .icon_uncheck, .task-list-list .icon_check { display: inline-block; vertical-align: middle; margin-right: 10px; }
        .task-list-list .icon_check:before
        { /*已完成*/ content: "√"; border: 2px solid #3e3e3e; color:red; }
        .task-list-list .icon_uncheck:before
        { /*未完成*/ content: "x"; border: 2px solid #bfc1bf; color: #bfc1bf; }
        .task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
        { /*标志框*/ padding:2px; padding-left: 5px; padding-right: 8px; border-radius:5px; }
        /*================任务列表结束================*/

[Md2All]: http://md.aclickall.com/