/* =========================================================
   雅可比晒太阳 · iDeepSim
   Warm Sunshine Theme for darkgreentrip
   ========================================================= */


/* =========================================================
   1. Global
   ========================================================= */

body {
    background: #fffaf0 !important;
    color: #2e2e2e;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei",
        Arial,
        sans-serif;
}


/* 普通链接 */

a {
    color: #b77900;
    text-decoration: none;
}

a:hover {
    color: #8f5f00;
}


/* =========================================================
   2. Top Navigation
   ========================================================= */

/*
   不再使用整条高饱和黄色。
   使用奶油黄 + 阳光黄底线。
*/

#navigator {
    background: #fff4cc !important;

    border: none !important;
    border-bottom: 2px solid #f6c343 !important;

    box-shadow: none !important;
}


/* 导航文字 */

#navigator a,
#navigator a:link,
#navigator a:visited {
    color: #4a4030 !important;
}

#navigator a:hover {
    color: #a66f00 !important;
}


/* 右侧文章统计 */

#blog_stats,
#blog_stats a {
    color: #85775e !important;
}


/* =========================================================
   3. About Card
   ========================================================= */

.ideepsim-about {
    padding: 26px 20px 24px;
    margin-left: -9px;
    border-left: 4px solid #f6c343;
}


/* Hi, I'm iDeepSim. */

.ideepsim-name {
    margin: 0 0 22px;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 650;

    color: #242424;
}


/* 仿真算法工程师 */

.ideepsim-role {
    margin: 0 0 18px;

    font-size: 14px;
    line-height: 1.7;

    color: #3f3f3f;
}


/* 自我介绍 */

.ideepsim-desc {
    margin: 0;

    font-size: 13px;
    line-height: 1.9;

    color: #66645f;
}


/* 隐藏博客园默认个人统计 */

#profile_block {
    display: none !important;
}


/* =========================================================
   4. Hide Calendar
   ========================================================= */

#blog-calendar,
#sidebar_calendar {
    display: none !important;
}


/* =========================================================
   5. Sidebar Cards
   ========================================================= */

/*
   左侧卡片保持白色，
   不大面积使用黄色。
*/

#sideBar > div,
.sidebar-block {
    background: #ffffff;

    border-color: #ede7d9 !important;

    border-radius: 9px !important;

    box-shadow:
        0 2px 7px rgba(90, 70, 20, 0.045);
}


/* =========================================================
   6. Sidebar Titles
   ========================================================= */

/*
   黄色只作为左侧强调线。
*/

.catListTitle,
#sideBar h3 {
    background: transparent !important;

    color: #333333 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    padding: 9px 14px !important;

    border-left: 4px solid #f6c343 !important;
    border-bottom: 1px solid #ede7d9 !important;

    border-radius: 0 !important;
}


/* Sidebar 普通链接 */

#sideBar a,
#sideBar a:link,
#sideBar a:visited {
    color: #55534e;
}

#sideBar a:hover {
    color: #b77900;
}


/* =========================================================
   7. Article Cards
   ========================================================= */

.day {
    background: #ffffff !important;

    border: 1px solid #ede7d9 !important;
    border-radius: 10px !important;

    box-shadow:
        0 2px 8px rgba(90, 70, 20, 0.055) !important;
}


/* =========================================================
   8. Date
   ========================================================= */

.dayTitle {
    color: #2e2e2e !important;
}

.dayTitle a,
.dayTitle a:link,
.dayTitle a:visited {
    color: #2e2e2e !important;
}


/* =========================================================
   9. Post Titles
   ========================================================= */

.postTitle {
    position: relative;
}


/*
   每篇文章标题前的小黄线。
*/

.postTitle::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 22px;

    margin-right: 10px;

    vertical-align: -4px;

    background: #f6c343;

    border-radius: 2px;
}


.postTitle a,
.postTitle a:link,
.postTitle a:visited {
    color: #2e2e2e !important;

    font-weight: 650;

    text-decoration: none;
}


.postTitle a:hover {
    color: #a66f00 !important;
}


/* =========================================================
   10. Article Summary
   ========================================================= */

.postCon {
    color: #5f625f;

    line-height: 1.8;
}


/* “阅读全文” */

.postCon a,
.postCon a:link,
.postCon a:visited {
    color: #b77900 !important;

    font-weight: 500;

    padding: 2px 4px;

    border-radius: 4px;
}


.postCon a:hover {
    color: #8f5f00 !important;

    background: #fff3cd;
}


/* =========================================================
   11. Post Metadata
   ========================================================= */

/*
   posted @ ...
*/

.postDesc,
.postDesc a,
.postDesc a:link,
.postDesc a:visited {
    color: #96938c !important;
}

.postDesc a:hover {
    color: #706b62 !important;
}


/* =========================================================
   12. Separators / Borders
   ========================================================= */

.day hr,
.postSeparator {
    border-color: #ede7d9 !important;
}


/* =========================================================
   13. Search
   ========================================================= */

#q {
    background: #ffffff;

    border: 1px solid #ddd6c5 !important;
    border-radius: 5px !important;

    outline: none;
}


/* 输入框 focus */

#q:focus {
    border-color: #f6c343 !important;

    box-shadow:
        0 0 0 2px rgba(246, 195, 67, 0.15);
}


/* 搜索按钮 */

#btnZzk {
    background: #f6c343 !important;

    color: #4a3900 !important;

    border: none !important;
    border-radius: 5px !important;

    padding: 4px 10px !important;

    cursor: pointer;
}


#btnZzk:hover {
    background: #e9b62e !important;
}


/* =========================================================
   14. Article Body
   ========================================================= */

#cnblogs_post_body {
    color: #333333;

    font-size: 16px;
    line-height: 1.85;
}


#cnblogs_post_body p {
    margin: 1.1em 0;
}


/* =========================================================
   15. Article H1
   ========================================================= */

#cnblogs_post_body h1 {
    color: #242424;

    font-weight: 650;
}


/* =========================================================
   16. Article H2
   ========================================================= */

#cnblogs_post_body h2 {
    margin-top: 2.3em;

    padding-left: 12px;
    padding-bottom: 7px;

    color: #292929;

    font-weight: 650;

    border-left: 4px solid #f6c343;
    border-bottom: 1px solid #ede7d9;
}


/* =========================================================
   17. Article H3
   ========================================================= */

#cnblogs_post_body h3 {
    margin-top: 1.8em;

    color: #353535;

    font-weight: 600;
}


/* =========================================================
   18. Article Links
   ========================================================= */

#cnblogs_post_body a {
    color: #a66f00;
}

#cnblogs_post_body a:hover {
    color: #7e5400;

    text-decoration: underline;
}


/* =========================================================
   19. Blockquote
   ========================================================= */

#cnblogs_post_body blockquote {
    margin: 1.5em 0;

    padding: 12px 18px;

    background: #fff8df;

    color: #55514a;

    border-left: 4px solid #f6c343;
}


/* =========================================================
   20. Inline Code
   ========================================================= */

#cnblogs_post_body code {
    background: #fff6d8;

    color: #795600;

    border-radius: 4px;

    padding: 2px 5px;
}


/* =========================================================
   21. Code Blocks
   ========================================================= */

#cnblogs_post_body pre {
    background: #fafafa;

    border: 1px solid #e8e1d2;
    border-radius: 7px;

    padding: 16px;

    overflow-x: auto;
}


/*
   避免 pre 里的 code 再出现黄色背景。
*/

#cnblogs_post_body pre code {
    background: transparent;

    color: inherit;

    padding: 0;
}


/* =========================================================
   22. Images
   ========================================================= */

#cnblogs_post_body img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   23. Tables
   ========================================================= */

#cnblogs_post_body table {
    border-collapse: collapse;
}


#cnblogs_post_body th {
    background: #fff7dc;
}


#cnblogs_post_body th,
#cnblogs_post_body td {
    border-color: #e8e1d2;
}


/* =========================================================
   24. Text Selection
   ========================================================= */

::selection {
    background: #ffe69a;
    color: #222222;
}


/* =========================================================
   25. Scrollbar - Chromium
   ========================================================= */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #fffaf0;
}

::-webkit-scrollbar-thumb {
    background: #ddd2b5;

    border-radius: 10px;

    border: 2px solid #fffaf0;
}

::-webkit-scrollbar-thumb:hover {
    background: #cbbd98;
}

#blogTitle h2 {
    display: block !important;

    margin: 7px 0 0 22px;
    padding: 0;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    font-style: italic;

    color: #9a8760;
}