/*
 * rdcamelot / cnblogs production theme
 * Target: current SimpleMemory DOM (verified 2026-08-13)
 * Strategy: keep platform base styles as a fallback, then fully reset the
 * SimpleMemory layout properties that conflict with this reading-first theme.
 */

:root {
    color-scheme: light;
    --rc-ground: #f7f7f4;
    --rc-surface: #fffefa;
    --rc-surface-muted: #f0f1ee;
    --rc-ink: #1c1d1f;
    --rc-text: #42454a;
    --rc-muted: #74787d;
    --rc-line: #dcddda;
    --rc-accent: #1f628e;
    --rc-accent-dark: #164b6e;
    --rc-content: 820px;
    --rc-reading: 720px;
    --rc-font: "Segoe UI Variable Text", "Segoe UI", "PingFang SC",
        "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --rc-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

html {
    min-width: 0 !important;
    scroll-behavior: smooth;
    scroll-padding-top: 24px;
    background: var(--rc-ground);
}

body.skin-simplememory,
body {
    min-width: 0 !important;
    min-height: 100vh;
    margin: 0 !important;
    color: var(--rc-ink) !important;
    background: var(--rc-ground) !important;
    background-image: none !important;
    font-family: var(--rc-font) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

::selection {
    color: #fff;
    background: var(--rc-accent);
}

a,
a:link,
a:visited,
a:active {
    color: var(--rc-accent-dark);
    text-decoration-color: rgba(31, 98, 142, 0.42);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

a:hover {
    color: var(--rc-accent);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--rc-accent);
    outline-offset: 3px;
}

img,
video,
svg {
    max-width: 100%;
    height: auto;
}

/* Platform chrome is intentionally omitted on the public reading surface. */

#top_nav,
.navbar,
#header,
#sideBar,
#blog-sidecolumn,
#navigator,
#blogTitle,
.blogStats {
    display: none !important;
}

#home {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#main,
body.skin-simplememory #main {
    display: block !important;
    width: min(calc(100% - 48px), var(--rc-content)) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 72px 0 96px !important;
    text-align: left !important;
}

#mainContent,
body.skin-simplememory #mainContent,
#mainContent .forFlow,
body.skin-simplememory #mainContent .forFlow {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

#main > .clear,
.day > .clear {
    display: none !important;
}

/* Article index */

.day,
#mainContent .day:first-child,
#mainContent .day:not(:first-child) {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 38px 0 40px !important;
    overflow: visible !important;
    color: var(--rc-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rc-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none;
}

#mainContent .day:first-child {
    padding-top: 0 !important;
}

.day::before,
.day::after {
    display: none !important;
    content: none !important;
}

.dayTitle,
#mainContent .day:first-child .dayTitle,
#mainContent .day:not(:first-child) .dayTitle {
    position: static !important;
    inset: auto !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--rc-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: var(--rc-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
}

.dayTitle a,
.dayTitle a:link,
.dayTitle a:visited {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}

.postTitle,
#mainContent .day:first-child .postTitle,
#mainContent .day:not(:first-child) .postTitle {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: var(--rc-ink) !important;
    background: transparent !important;
    border: 0 !important;
    font-family: var(--rc-font) !important;
    font-size: 26px !important;
    font-weight: 650 !important;
    line-height: 1.32 !important;
    letter-spacing: -0.015em !important;
    text-align: left !important;
    transform: translateX(0);
    transition: transform 180ms ease-out;
}

.postTitle:hover,
.postTitle:focus-within {
    transform: translateX(4px);
}

.postTitle a,
.postTitle a:link,
.postTitle a:visited,
.postTitle2,
.postTitle2:link,
.postTitle2:visited,
.day .postTitle a,
#mainContent .day:first-child .postTitle a,
#mainContent .day:not(:first-child) .postTitle a {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rc-ink) !important;
    background-color: transparent !important;
    background-image: linear-gradient(var(--rc-accent), var(--rc-accent)) !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: 0 2px !important;
    border: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    transition: color 160ms ease-out, background-size 180ms ease-out !important;
}

.postTitle a:hover,
.postTitle a:focus-visible,
.postTitle2:hover,
.postTitle2:focus-visible {
    color: var(--rc-accent-dark) !important;
    background-size: 100% 2px !important;
}

.postTitle a::before,
.postTitle a::after,
.postTitle2::before,
.postTitle2::after {
    display: none !important;
    content: none !important;
}

.postCon,
.c_b_p_desc,
#mainContent .day:first-child .postCon,
#mainContent .day:first-child .c_b_p_desc,
#mainContent .day:not(:first-child) .postCon,
#mainContent .day:not(:first-child) .c_b_p_desc {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rc-text) !important;
    background: transparent !important;
    font-family: var(--rc-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    text-indent: 0 !important;
}

.postCon p,
.c_b_p_desc p {
    margin: 0 !important;
    text-indent: 0 !important;
}

.c_b_p_desc_readmore,
.c_b_p_desc_readmore:link,
.c_b_p_desc_readmore:visited {
    display: inline !important;
    min-height: 0 !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    color: var(--rc-accent-dark) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(31, 98, 142, 0.45) !important;
    text-underline-offset: 4px !important;
}

.c_b_p_desc_readmore::before,
.c_b_p_desc_readmore::after {
    display: none !important;
    content: none !important;
}

.postDesc,
#mainContent .postDesc {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 17px 0 0 !important;
    padding: 0 !important;
    color: var(--rc-muted) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    font-family: var(--rc-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.postDesc > span,
.postDesc > a {
    display: inline !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    color: var(--rc-muted) !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

.postDesc > span:first-of-type {
    margin-left: 14px !important;
}

.postDesc > a:hover {
    color: var(--rc-accent) !important;
}

.postDesc::before,
.postDesc::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.day .postDesc + .clear + .postTitle {
    margin-top: 36px !important;
}

/* Blog Garden groups every post from the same date inside one .day node.
 * Give subsequent titles an intentional separator instead of treating them
 * like the first post of the day. */

.day > .postDesc + .clear + .postSeparator + .postTitle,
.day > .postDesc + .clear + .postTitle {
    margin-top: 36px !important;
    padding-top: 36px !important;
    border-top: 1px solid var(--rc-line) !important;
}

.postSeparator {
    display: none !important;
}

.topicListFooter,
#nav_next_page {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 36px 0 0 !important;
    text-align: left !important;
}

.topicListFooter a,
#nav_next_page a {
    display: inline-flex !important;
    min-height: 44px !important;
    align-items: center !important;
    gap: 8px;
    padding: 9px 14px !important;
    color: var(--rc-ink) !important;
    background: transparent !important;
    border: 1px solid var(--rc-line) !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transform: translateX(0);
    transition: color 160ms ease-out, border-color 160ms ease-out,
        transform 180ms ease-out !important;
}

.topicListFooter a::after,
#nav_next_page a::after {
    content: "→";
    display: inline-block;
    transition: transform 180ms ease-out;
}

.topicListFooter a:hover,
.topicListFooter a:focus-visible,
#nav_next_page a:hover,
#nav_next_page a:focus-visible {
    color: var(--rc-accent-dark) !important;
    border-color: var(--rc-accent) !important;
    transform: translateX(3px);
}

.topicListFooter a:hover::after,
.topicListFooter a:focus-visible::after,
#nav_next_page a:hover::after,
#nav_next_page a:focus-visible::after {
    transform: translateX(3px);
}

/* Article page */

#topics,
#topics > .post,
.post {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--rc-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#topics .postTitle,
#topics > .postTitle {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 36px !important;
    font-weight: 650 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
    transform: none !important;
}

#topics .postTitle2,
#topics .postTitle2:link,
#topics .postTitle2:visited,
#cb_post_title_url {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
}

.cnblogs-toc-button {
    margin-left: 10px !important;
    vertical-align: middle;
}

.postBody,
#cnblogs_post_body,
.blogpost-body {
    float: none !important;
    width: 100% !important;
    max-width: var(--rc-reading) !important;
    min-width: 0 !important;
    margin: 48px 0 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere;
    color: var(--rc-text) !important;
    background: transparent !important;
    font-family: var(--rc-font) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.82 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
}

#cnblogs_post_body p,
.postBody p {
    margin: 0 0 1.25em !important;
    text-indent: 0 !important;
}

#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
.postBody h1,
.postBody h2,
.postBody h3,
.postBody h4,
.postBody h5 {
    scroll-margin-top: 24px;
    color: var(--rc-ink) !important;
    font-family: var(--rc-font) !important;
    font-weight: 650 !important;
    text-align: left !important;
}

#cnblogs_post_body h1,
.postBody h1 {
    margin: 2.25em 0 0.75em !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
}

#cnblogs_post_body h2,
.postBody h2 {
    margin: 2.2em 0 0.75em !important;
    padding: 0 0 9px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rc-line) !important;
    font-size: 27px !important;
    line-height: 1.32 !important;
}

#cnblogs_post_body h3,
.postBody h3 {
    margin: 1.9em 0 0.65em !important;
    font-size: 22px !important;
    line-height: 1.36 !important;
}

#cnblogs_post_body h4,
.postBody h4 {
    margin: 1.75em 0 0.6em !important;
    font-size: 19px !important;
    line-height: 1.4 !important;
}

#cnblogs_post_body h5,
.postBody h5 {
    margin: 1.6em 0 0.55em !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
}

#cnblogs_post_body a,
.postBody a {
    color: var(--rc-accent-dark) !important;
    text-decoration-color: rgba(31, 98, 142, 0.45) !important;
    text-underline-offset: 4px !important;
}

#cnblogs_post_body strong,
.postBody strong {
    color: var(--rc-ink);
    font-weight: 650;
}

#cnblogs_post_body blockquote,
.postBody blockquote {
    margin: 1.7em 0 !important;
    padding: 3px 0 3px 20px !important;
    color: var(--rc-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 3px solid var(--rc-accent) !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

#cnblogs_post_body blockquote p:last-child,
.postBody blockquote p:last-child {
    margin-bottom: 0 !important;
}

#cnblogs_post_body code:not([class]),
.postBody code:not([class]) {
    padding: 0.12em 0.34em !important;
    color: #7a3e24 !important;
    background: #f2ece5 !important;
    border: 0 !important;
    border-radius: 3px !important;
    font-family: var(--rc-mono) !important;
    font-size: 0.88em !important;
}

#cnblogs_post_body pre,
.postBody pre,
.cnblogs-markdown .hljs,
.cnblogs-markdown pre.highlighter-hljs {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.8em 0 !important;
    padding: 20px 22px !important;
    overflow: auto !important;
    color: #e8edf0 !important;
    background: #1c2227 !important;
    border: 1px solid #303940 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-family: var(--rc-mono) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    tab-size: 4;
}

#cnblogs_post_body pre code,
.postBody pre code,
.cnblogs-markdown pre code {
    display: block !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    line-height: inherit !important;
}

#cnblogs_post_body img,
.postBody img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 1.8em auto !important;
    border: 1px solid var(--rc-line) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

#cnblogs_post_body table,
.postBody table {
    width: 100% !important;
    margin: 1.7em 0 !important;
    border-collapse: collapse !important;
    color: var(--rc-text) !important;
    background: transparent !important;
    border: 0 !important;
    font-family: var(--rc-font) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

#cnblogs_post_body th,
#cnblogs_post_body td,
.postBody th,
.postBody td {
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rc-line) !important;
    text-align: left !important;
    vertical-align: top !important;
}

#cnblogs_post_body th,
.postBody th {
    color: var(--rc-ink) !important;
    background: var(--rc-surface-muted) !important;
    font-weight: 650 !important;
}

#cnblogs_post_body hr,
.postBody hr {
    height: 1px !important;
    margin: 3em 0 !important;
    background: var(--rc-line) !important;
    border: 0 !important;
}

/* Collection blocks are platform content, kept functional but visually quiet. */

#cnblogs_post_body .current-collection,
.postBody .current-collection {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 34px !important;
    padding: 16px 18px !important;
    overflow: hidden !important;
    color: var(--rc-text) !important;
    background: var(--rc-surface-muted) !important;
    border: 1px solid var(--rc-line) !important;
    border-radius: 5px !important;
    font-family: var(--rc-font) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.current-collection-title {
    min-height: 0 !important;
    padding: 0 !important;
}

.current-collection-title a {
    color: var(--rc-ink) !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

.current-collection-links {
    max-height: 260px;
    margin-top: 12px !important;
    overflow-y: auto !important;
}

.current-collection-item {
    min-height: 0 !important;
    padding: 6px 4px !important;
    color: var(--rc-text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.current-collection-footer {
    padding: 8px 0 0 !important;
}

/* Lower article metadata and comments */

.post-meta-container,
#blog_post_info_block {
    width: 100% !important;
    max-width: var(--rc-reading) !important;
    margin: 56px 0 0 !important;
    padding: 24px 0 0 !important;
    color: var(--rc-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--rc-line) !important;
    font-family: var(--rc-font) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

#green_channel,
#author_profile,
#div_digg,
#vip_tip,
.post-meta-disclaimer {
    display: none !important;
}

.post-meta-item {
    margin: 0 0 8px !important;
}

#post_next_prev {
    width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 20px 0 0 !important;
    color: var(--rc-muted) !important;
    border: 0 !important;
    border-top: 1px solid var(--rc-line) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

#post_next_prev a {
    color: var(--rc-accent-dark) !important;
    text-decoration: none !important;
}

#blog-comments-placeholder,
#comment_form,
.commentform {
    width: 100% !important;
    max-width: var(--rc-reading) !important;
    margin: 58px 0 0 !important;
    padding: 30px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--rc-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.feedbackItem {
    margin: 0 !important;
    padding: 20px 0 !important;
    color: var(--rc-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rc-line) !important;
}

.feedbackListSubtitle {
    margin: 0 0 7px !important;
    color: var(--rc-muted) !important;
    font-size: 12px !important;
}

.feedbackCon {
    color: var(--rc-text) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

#tbCommentBody,
.comment_textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 150px;
    padding: 12px !important;
    color: var(--rc-ink) !important;
    background: var(--rc-surface) !important;
    border: 1px solid var(--rc-line) !important;
    border-radius: 4px !important;
    font-family: var(--rc-font) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Generic archive and search-result pages. */

.entrylist,
#myposts,
.PostList {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rc-text) !important;
    background: transparent !important;
}

.entrylistItem,
.PostList .post-item {
    margin: 0 !important;
    padding: 30px 0 !important;
    border-bottom: 1px solid var(--rc-line) !important;
}

/* Footer remains for platform/copyright information, but stays secondary. */

#footer {
    width: min(calc(100% - 48px), var(--rc-content)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 0 40px !important;
    color: var(--rc-muted) !important;
    background: transparent !important;
    border: 0 !important;
    font-family: var(--rc-font) !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

#footer a {
    color: inherit !important;
}

/* SimpleMemory mobile CSS is loaded after custom.css, so these deliberately
 * specific rules protect the reading layout at the platform's 767px breakpoint.
 */

@media only screen and (max-width: 767px) {
    html,
    body.skin-simplememory {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    body.skin-simplememory #home {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.skin-simplememory #main {
        width: min(calc(100% - 32px), var(--rc-content)) !important;
        margin: 0 auto !important;
        padding: 44px 0 64px !important;
    }

    body.skin-simplememory #mainContent,
    body.skin-simplememory #mainContent .forFlow {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.skin-simplememory .day,
    body.skin-simplememory #mainContent .day:first-child,
    body.skin-simplememory #mainContent .day:not(:first-child) {
        width: 100% !important;
        margin: 0 !important;
        padding: 30px 0 32px !important;
    }

    body.skin-simplememory #mainContent .day:first-child {
        padding-top: 0 !important;
    }

    body.skin-simplememory .dayTitle,
    body.skin-simplememory #mainContent .day:first-child .dayTitle,
    body.skin-simplememory #mainContent .day:not(:first-child) .dayTitle {
        position: static !important;
        inset: auto !important;
        display: block !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }

    body.skin-simplememory .postTitle,
    body.skin-simplememory #mainContent .day:first-child .postTitle,
    body.skin-simplememory #mainContent .day:not(:first-child) .postTitle {
        float: none !important;
        width: 100% !important;
        margin: 0 0 11px !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1.36 !important;
        letter-spacing: -0.01em !important;
    }

    body.skin-simplememory .day > .postDesc + .clear + .postSeparator + .postTitle,
    body.skin-simplememory .day > .postDesc + .clear + .postTitle,
    body.skin-simplememory #mainContent .day:first-child > .postDesc + .clear + .postSeparator + .postTitle,
    body.skin-simplememory #mainContent .day:not(:first-child) > .postDesc + .clear + .postSeparator + .postTitle {
        margin-top: 30px !important;
        padding-top: 30px !important;
        border-top: 1px solid var(--rc-line) !important;
    }

    body.skin-simplememory .postTitle a,
    body.skin-simplememory .day .postTitle a,
    body.skin-simplememory .postTitle2 {
        display: inline !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font: inherit !important;
        line-height: inherit !important;
    }

    body.skin-simplememory .postCon,
    body.skin-simplememory .c_b_p_desc {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
    }

    body.skin-simplememory .postDesc {
        float: none !important;
        width: 100% !important;
        margin: 15px 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
        background-image: none !important;
    }

    body.skin-simplememory #topics .postTitle,
    body.skin-simplememory #topics > .postTitle {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 29px !important;
        line-height: 1.26 !important;
        letter-spacing: -0.015em !important;
    }

    body.skin-simplememory #topics .postTitle2,
    body.skin-simplememory #cb_post_title_url {
        display: inline !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font: inherit !important;
        line-height: inherit !important;
    }

    body.skin-simplememory .postBody,
    body.skin-simplememory #cnblogs_post_body,
    body.skin-simplememory .blogpost-body,
    body.skin-simplememory .blogpost-body p {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    body.skin-simplememory .postBody,
    body.skin-simplememory #cnblogs_post_body,
    body.skin-simplememory .blogpost-body {
        margin-top: 38px !important;
    }

    /* The platform's late mobile bundle retains desktop-sized collection
     * rows. Keep every row within the reading column and reserve room for its
     * date, so the widget never appears cropped on a phone. */

    body.skin-simplememory .current-collection-links {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.skin-simplememory .current-collection-item {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: baseline !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 6px 4px !important;
    }

    body.skin-simplememory .current-collection-item-title {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.skin-simplememory .current-collection-publish-date {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
    }

    #cnblogs_post_body h1,
    .postBody h1 {
        font-size: 27px !important;
    }

    #cnblogs_post_body h2,
    .postBody h2 {
        font-size: 24px !important;
    }

    #cnblogs_post_body h3,
    .postBody h3 {
        font-size: 20px !important;
    }

    #cnblogs_post_body pre,
    .postBody pre,
    .cnblogs-markdown .hljs,
    .cnblogs-markdown pre.highlighter-hljs {
        width: calc(100% + 32px) !important;
        max-width: none !important;
        margin-right: -16px !important;
        margin-left: -16px !important;
        padding: 18px 16px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        font-size: 13px !important;
    }

    #cnblogs_post_body table,
    .postBody table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap;
    }

    #cnblogs_post_body .current-collection,
    .postBody .current-collection {
        padding: 14px !important;
    }

    .current-collection-links {
        max-height: 210px;
    }

    .post-meta-container,
    #blog_post_info_block,
    #blog-comments-placeholder,
    #comment_form,
    .commentform {
        width: 100% !important;
        max-width: 100% !important;
    }

    #footer {
        width: min(calc(100% - 32px), var(--rc-content)) !important;
        padding-bottom: 28px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    body,
    #home,
    #main {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        background: #fff !important;
    }

    #footer,
    .topicListFooter,
    #blog-comments-placeholder,
    #comment_form,
    .post-meta-container {
        display: none !important;
    }
}