/* ========== \53D8\91CF\5B9A\4E49 ========== */
:root {
    --primary-color: #C27A3E;
    --primary-dark: #965F2E;
    --secondary-color: #5D4E37;
    --accent-color: #E0A24E;
    --text-color: #4A3828;
    --light-text: #7A6A58;
    --lighter-text: #AB9B8B;
    --bg-base-color: #FFFBF5;
    --card-bg: #FFFFFF;
    --header-bg: rgba(255, 251, 245, 0.7);
    --footer-bg: #F7F3EB;
    --gold-color: #E6B422;

    --bg-texture: none;
    --bg-texture-size: auto;
    --bg-gradient: none;
    --bg-image: none;
    --bg-image-opacity: 0.1;

    --text-base: 1rem;
    --text-sm: 0.875rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;

    --leading-normal: 1.8;
    --leading-relaxed: 1.8;
    --max-width: 1200px;
    --rhythm: 1.8rem;

    /* \7EDF\4E00\7684\5B57\4F53\53D8\91CF */
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-heading: 'Noto Serif SC', 'Source Han Serif SC', 'STSong', 'SimSun', serif;
    --font-quote: Georgia, serif;

    /* \5411\540E\517C\5BB9 */
    --font-main: var(--font-body);
    --font-serif: var(--font-heading);
}

/* ========== \57FA\7840\91CD\7F6E ========== */
* { box-sizing: border-box; }
body {
    font-family: var(--font-body);
    color: var(--text-color);
    background-color: var(--bg-base-color);
    background-image: var(--bg-gradient), var(--bg-texture);
    background-size: 100%, var(--bg-texture-size, auto);
    background-position: center, center;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    line-height: var(--leading-normal);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    transition: background-color 0.3s, color 0.3s;
}

/* \56FE\7247\80CC\666F\6A21\5F0F */
body.bg-image {
    background-image: none;
}
body.bg-image::before {
    content: "";
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: var(--bg-image);
    background-size: cover;
    background-position: center;
    opacity: var(--bg-image-opacity);
    z-index: -1;
}

/* ========== \5B57\4F53\98CE\683C\5207\6362\FF08\4EC5\5F53 fontScheme=custom \65F6\7531 body \7C7B\89E6\53D1\FF09 ========== */
body.font-sans-serif {
    /* \9ED8\8BA4\5DF2\662F\65E0\886C\7EBF\FF0C\4FDD\6301\4E0D\53D8 */
}
body.font-serif {
    --font-body: var(--font-heading);
}
body.font-monospace {
    --font-body: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-heading: 'Consolas', 'Monaco', 'Courier New', monospace;
}
body.font-cursive {
    --font-body: 'Comic Sans MS', 'KaiTi', '\6977\4F53', cursive, sans-serif;
    --font-heading: 'Comic Sans MS', 'KaiTi', '\6977\4F53', cursive, sans-serif;
}
body.font-fantasy {
    --font-body: 'Impact', 'Papyrus', fantasy, sans-serif;
    --font-heading: 'Impact', 'Papyrus', fantasy, sans-serif;
}
body.font-myself {
    /* \7531 header.php \5185\8054\6837\5F0F\8BBE\7F6E --font-body \548C --font-heading */
}

/* ========== \5B57\4F53\65B9\6848\9884\8BBE ========== */
/* \65B9\6848 A\FF1A\7EAF\51C0\9605\8BFB\8005 \2013 \5168\7CFB\7EDF\539F\751F\FF0C\6807\9898\4E5F\7528\65E0\886C\7EBF */
body.font-scheme-a {
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-heading: var(--font-body);
}

/* \65B9\6848 B\FF1A\7535\5B50\4E66\8D28\611F \2013 \971E\9E5C\6587\6977 + Inter \6B63\6587\FF0CEB Garamond + \601D\6E90\5B8B\4F53\6807\9898 */
body.font-scheme-b {
    --font-body: 'LXGW WenKai', 'LXGW WenKai Light', 'LXGW WenKai Regular', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, sans-serif;
    --font-heading: 'EB Garamond', 'Noto Serif SC', 'Source Han Serif SC', 'STSong', 'SimSun', serif;
}

/* \786E\4FDD\65B9\6848 B \7684\6587\7AE0\6B63\6587\76F4\63A5\4F7F\7528\971E\9E5C\6587\6977\FF0C\4E0D\518D\4F9D\8D56\53D8\91CF */
body.font-scheme-b .post-content,
body.font-scheme-b .article-excerpt {
    font-family: 'LXGW WenKai', 'LXGW WenKai Light', 'LXGW WenKai Regular', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, sans-serif;
}

/* \65B9\6848 C\FF1A\65E5\62A5\6742\5FD7\98CE \2013 \6B63\6587 Inter\FF08\65E0\886C\7EBF\FF09\FF0C\6807\9898\601D\6E90\5B8B\4F53 */
body.font-scheme-c {
    --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, sans-serif;
    --font-heading: 'Noto Serif SC', 'Source Han Serif SC', 'STSong', 'SimSun', serif;
}

/* \65B9\6848 D\FF1A\6781\7B80\4E3B\4E49 \2013 \5168\7AD9 Inter\FF0C\65E0\886C\7EBF\7EDF\4E00 */
body.font-scheme-d {
    --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", Roboto, sans-serif;
    --font-heading: var(--font-body);
}

main { flex: 1; }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }
a { color: var(--primary-color); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--gold-color); }

/* ========== \8FDB\5EA6\6761 ========== */
.progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 9999;
    pointer-events: none;
}
.progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--primary-color), var(--gold-color));
    transition: width 0.1s linear;
    will-change: width;
}

/* ========== \5934\90E8 ========== */
.header {
    background: var(--header-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 30px rgba(0,0,0,0.06);
    padding: 15px 0;
    border-bottom: 1px solid rgba(212, 140, 60, 0.1);
    margin-bottom: var(--rhythm);
    z-index: 100;
    transition: background 0.3s, box-shadow 0.3s;
}
.sticky-header {
    position: sticky;
    top: 0;
}
.no-sticky {
    /* \6B63\5E38\6587\6863\6D41 */
}
.header-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.header-brand { display: flex; align-items: center; }
.sun-symbol { display: flex; align-items: center; margin-right: 15px; }
.logo { display: flex; align-items: center; font-size: 1.5rem; font-weight: bold; color: var(--gold-color); }
.logo img { height: 40px; margin-right: 10px; }

.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.8rem;
    color: var(--text-color);
    cursor: pointer;
    padding: 0 10px;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.nav-menu li { margin-left: 25px; }
.nav-menu a { color: var(--text-color); font-weight: 500; position: relative; }
.nav-menu a:hover { color: var(--gold-color); }
.nav-menu a:hover::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: var(--gold-color); animation: underline 0.3s ease; }

.search-form { display: flex; align-items: center; }
.search-input {
    padding: 6px 12px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 20px;
    background: var(--card-bg);
    color: var(--text-color);
    font-family: inherit;
    font-size: 0.9rem;
    width: 160px;
    transition: width 0.3s, border-color 0.3s;
}
.search-input:focus { outline: none; border-color: var(--primary-color); width: 200px; }
.search-btn { background: none; border: none; cursor: pointer; font-size: 1.1rem; padding: 0 5px; }

/* ========== \9996\9875\6807\9898\4E0E\6807\8BED ========== */
.header-quote { margin: calc(var(--rhythm)*2) 0 var(--rhythm); text-align: center; }
.site-logo {
    font-family: var(--font-heading);
    font-size: 3rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
    letter-spacing: 3px;
    text-shadow: 0 0 10px rgba(230, 180, 34, 0.5), 2px 2px 4px rgba(0,0,0,0.2);
    animation: breatheGlow 4s ease-in-out infinite;
}
@keyframes breatheGlow {
    0%, 100% { text-shadow: 0 0 10px rgba(230, 180, 34, 0.5), 2px 2px 4px rgba(0,0,0,0.2); }
    50% { text-shadow: 0 0 25px rgba(230, 180, 34, 0.9), 2px 2px 12px rgba(230, 180, 34, 0.4); }
}
.site-motto { font-family: var(--font-body); font-size: 1.2rem; color: var(--secondary-color); margin-bottom: 8px; line-height: var(--leading-normal); }
.site-submotto { font-size: 1.1rem; color: var(--light-text); font-style: italic; max-width: 80%; margin: 0 auto; }

/* ========== \683C\8A00\5361\7247 ========== */
.quote-card {
    margin: calc(var(--rhythm)*1.5) 0;
    padding: calc(var(--rhythm)*1.5);
    border-left: 4px solid var(--primary-color);
    font-family: var(--font-quote);
    line-height: var(--leading-relaxed);
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.quote-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0,0,0,0.1); }
.quote-card p { margin: 0 0 15px; font-size: 1.1rem; padding-left: 30px; position: relative; }
.quote-card p::before { content: ""; position: absolute; left: 0; top: 12px; width: 20px; height: 2px; background-color: var(--gold-color); }
.quote-card-footer { margin-top: 20px; text-align: right; font-style: italic; color: var(--light-text); font-size: 0.9rem; }
.quote-simple { margin: var(--rhythm) 0; font-family: var(--font-quote); white-space: pre-line; color: var(--secondary-color); }
.refresh-quote-btn { display: block; margin: 10px auto 0; background: none; border: 1px solid var(--primary-color); color: var(--primary-color); padding: 5px 15px; border-radius: 20px; cursor: pointer; font-size: 0.9rem; transition: background 0.3s, color 0.3s; }
.refresh-quote-btn:hover { background: var(--primary-color); color: #fff; }

/* ========== \6587\7AE0\5217\8868 ========== */
.article-list { margin: calc(var(--rhythm)*1.5) 0; }
.month-header {
    font-size: 1.3rem;
    color: var(--secondary-color);
    margin: var(--rhythm) 0 calc(var(--rhythm)/2);
    font-weight: bold;
    position: relative;
    padding-bottom: 8px;
}
.month-header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent); }
.article-item {
    margin-bottom: 18px;
    padding-left: 20px;
    position: relative;
    border-left: 3px solid transparent;
    transition: transform 0.2s ease, border-color 0.3s;
}
.article-item.sticky-item {
    background: rgba(230, 180, 34, 0.08);
    border-radius: 8px;
    padding: 10px 15px;
}
.sticky-badge {
    display: inline-block;
    background: var(--gold-color);
    color: #fff;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 12px;
    margin-right: 8px;
    vertical-align: middle;
}
.cat-jingdian-jiedu,
.cat-classic-books { border-left-color: #B08968; }
.cat-guoxue-zhexue,
.cat-guo-xue { border-left-color: #7A9A7E; }
.cat-chengzhang-renzhi,
.cat-cognition { border-left-color: #D4A373; }
.cat-rensheng-ganwu,
.cat-life-thoughts { border-left-color: #C49B8A; }
.article-item:hover { transform: translateX(8px); }
.article-item::before {
    content: "\25CF";
    position: absolute;
    left: -10px;
    top: 0;
    color: var(--gold-color);
    font-weight: bold;
}
.article-title {
    font-weight: bold;
    color: var(--primary-color);
    display: inline-block;
    margin-right: 10px;
    font-family: var(--font-heading);
}
.article-meta { display: inline-block; font-size: 0.85rem; color: var(--light-text); margin-right: 10px; }
.article-meta .read-time { background: var(--footer-bg); padding: 2px 10px; border-radius: 12px; margin-right: 8px; color: var(--primary-dark); }
.article-meta a { color: var(--accent-color); background: rgba(201, 169, 110, 0.15); padding: 2px 10px; border-radius: 12px; font-size: 0.8rem; margin-right: 4px; }
.article-excerpt {
    display: block;
    color: var(--text-color);
    margin-top: 5px;
    font-family: var(--font-body);
}
.no-post { text-align: center; padding: 40px; color: var(--light-text); font-style: italic; }

/* ========== \6587\7AE0\9875 ========== */
.post-wrapper { margin: calc(var(--rhythm)*1.5) 0; }
.post-title {
    color: var(--text-color);
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: var(--rhythm);
}
.post-title.left { text-align: left; }
.post-title.center { text-align: center; }

.post-content {
    font-family: var(--font-body);
    line-height: var(--leading-relaxed);
    font-size: var(--text-lg);
    letter-spacing: 0.02em;
    word-spacing: 0.05em;
    text-align: justify;
    max-width: 100ch;
    margin: 0 auto;
    word-break: break-word;
}

.post-content p { margin-bottom: var(--rhythm); }
.post-content h2, .post-content h3 { color: var(--primary-dark); margin-top: calc(var(--rhythm)*1.5); margin-bottom: var(--rhythm); position: relative; }
.post-content h2::after { content: ''; display: block; width: 40px; height: 3px; background: var(--gold-color); margin-top: 8px; }
.post-content img { max-width: 100%; height: auto; border-radius: 6px; margin: 20px 0; }
.post-content blockquote {
    border-left: 4px solid var(--gold-color);
    padding-left: 20px;
    margin-left: 0;
    color: var(--light-text);
    font-style: italic;
    background: rgba(230, 180, 34, 0.05);
    padding: var(--rhythm);
    border-radius: 0 8px 8px 0;
}
.post-content pre { background: var(--footer-bg); padding: 15px; border-radius: 4px; overflow-x: auto; }
.post-content code { font-family: Consolas, Monaco, monospace; background: var(--footer-bg); padding: 2px 6px; border-radius: 3px; font-size: 0.9em; }
.post-content strong {
    background: linear-gradient(120deg, rgba(230, 180, 34, 0.2) 0%, rgba(230, 180, 34, 0.2) 60%);
    padding: 0 2px;
    font-weight: inherit;
}

/* ========== \6587\7AE0\5361\7247\6837\5F0F ========== */
.post-card {
    overflow: hidden;
    background: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.03);
}
.post-card .post-title,
.post-card .post-content {
    padding: 30px;
}
.post-card.gradient-border {
    position: relative;
    background: var(--bg-base-color);
}
.post-card.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(45deg, var(--primary-color), var(--gold-color));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.post-card.glass {
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.3);
}
.post-card.shadow-border {
    border: 2px solid transparent;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.post-plain {
    margin: var(--rhythm) 0;
}

/* ========== \76EE\5F55 TOC ========== */
.toc {
    background: var(--card-bg);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.toc-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 12px; color: var(--primary-dark); }
.toc ul { list-style: none; padding-left: 0; margin: 0; }
.toc li { margin: 6px 0; }
.toc li.toc-level-3 { padding-left: 25px; font-size: 0.95em; }
.toc a {
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.2s;
    display: block;
    padding: 2px 0;
}
.toc a:hover, .toc a.active { color: var(--primary-color); font-weight: bold; }

/* ========== \5BFC\822A\4E0E\7248\6743 ========== */
.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--rhythm)*2);
    padding-top: var(--rhythm);
    border-top: 1px solid rgba(0,0,0,0.05);
    gap: 20px;
}
.post-navigation > div {
    max-width: 48%;
}
.post-navigation a {
    font-weight: 500;
    color: var(--primary-color);
    transition: color 0.2s;
}
.post-navigation a:hover {
    color: var(--gold-color);
}
.no-nav {
    color: var(--lighter-text);
    font-style: italic;
    opacity: 0.6;
}
.copyright-notice {
    margin-top: calc(var(--rhythm)*1.5);
    padding: 15px;
    background: var(--footer-bg);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--light-text);
}

/* ========== \76F8\5173\6587\7AE0 ========== */
.related-posts { margin-top: calc(var(--rhythm)*2); padding-top: var(--rhythm); border-top: 1px solid rgba(212, 140, 60, 0.2); }
.related-title { font-size: 1.3rem; color: var(--secondary-color); margin-bottom: var(--rhythm); }
.related-list { display: flex; flex-wrap: wrap; gap: 15px; }
.related-item { flex: 1 1 200px; background: var(--card-bg); padding: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: transform 0.2s; text-decoration: none; color: inherit; }
.related-item:hover { transform: translateY(-3px); background: #FFFBF0; }
.related-post-title { display: block; font-weight: bold; color: var(--primary-color); margin-bottom: 5px; }
.related-post-date { font-size: 0.8rem; color: var(--light-text); }

/* ========== \5206\7C7B\9875 ========== */
.category-header { margin: var(--rhythm) 0; font-size: 1.8rem; color: var(--primary-dark); }
.category-description { color: var(--light-text); margin-bottom: var(--rhythm); }
.category-stats { font-size: 0.9rem; color: var(--light-text); margin-bottom: var(--rhythm); }

/* ========== \641C\7D22\9875 ========== */
.search-header { margin-bottom: var(--rhythm); }
.search-header h2 { font-size: 1.8rem; color: var(--primary-dark); }
.search-header p { color: var(--light-text); }

/* ========== \8BC4\8BBA ========== */
#comments { margin: var(--rhythm) 0; }
#comments h3 { font-size: 1.3rem; margin-bottom: var(--rhythm); color: var(--secondary-color); }
.comment-list { list-style: none; padding: 0; }
.comment-list li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.respond input,
.respond textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #E8DDD0;
    border-radius: 6px;
    font-family: inherit;
    background: var(--card-bg);
    color: var(--text-color);
}
.respond button {
    background: linear-gradient(135deg, var(--primary-color), var(--gold-color));
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.emoji-panel { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.emoji-item { background: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; padding: 4px 8px; cursor: pointer; font-size: 1.2rem; transition: background 0.2s; }
.emoji-item:hover { background: var(--footer-bg); }

/* ========== \8FD4\56DE\9876\90E8\6309\94AE ========== */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: var(--gold-color); }

/* ========== \9875\811A ========== */
.footer { text-align: center; color: var(--light-text); font-size: 0.9rem; background: var(--footer-bg); padding: 24px 0; margin-top: 60px; }
.footer a { color: var(--accent-color); }
.footer-motto { font-style: italic; margin-left: 15px; }

/* ========== 404 \9875\9762 ========== */
.error-page { text-align: center; padding: 80px 20px; }
.error-page h1 { font-size: 3rem; color: var(--primary-color); margin-bottom: 20px; }
.error-page p { font-size: 1.2rem; color: var(--light-text); margin-bottom: 30px; }
.error-search { max-width: 400px; margin: 0 auto 20px; }
.error-back { display: inline-block; padding: 10px 25px; background: var(--primary-color); color: #fff; border-radius: 25px; margin-top: 10px; }

/* ========== \6587\7AE0\5143\4FE1\606F\884C ========== */
.post-meta-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
    margin-bottom: 24px;
    padding: 12px 20px;
    background: var(--card-bg);
    border-radius: 12px;
    font-size: 0.9rem;
    color: var(--light-text);
    box-shadow: 0 2px 12px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.04);
}
.post-meta-info time,
.post-meta-info span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.meta-sep {
    color: var(--lighter-text);
    font-weight: bold;
}
.post-meta-info a {
    color: var(--accent-color);
    background: rgba(201, 169, 110, 0.15);
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    text-decoration: none;
    margin: 0 2px;
    transition: background 0.2s;
}
.post-meta-info a:hover {
    background: rgba(201, 169, 110, 0.3);
}
@media (max-width: 480px) {
    .post-meta-info {
        font-size: 0.85rem;
        padding: 10px 14px;
    }
}

.post-plain .post-meta-info {
    justify-content: flex-start;
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    border-radius: 0;
    padding: 0 0 12px 0;
    margin-bottom: 28px;
}

/* \6B63\6587\4E0E\8BC4\8BBA\533A\4E4B\95F4\7684\5206\9694\7EBF */
#comments::before {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    margin: calc(var(--rhythm) * 2) auto;
    background: linear-gradient(90deg, transparent, var(--gold-color) 40%, var(--gold-color) 60%, transparent);
    position: relative;
}
#comments::after {
    content: "\25C6";
    display: block;
    text-align: center;
    font-size: 0.6rem;
    color: var(--gold-color);
    margin-top: -0.65rem;
    margin-bottom: calc(var(--rhythm) * 2);
}

/* ========== \6253\5370\6837\5F0F ========== */
@media print {
    .header, .footer, .progress-container, .back-to-top, .toc, .related-posts, .comments, .post-navigation, .menu-toggle, .search-form { display: none !important; }
    body { background: #fff; color: #000; font-size: 12pt; }
    .post-content { max-width: 100%; }
    .post-title { font-size: 24pt; }
}

/* ========== \54CD\5E94\5F0F ========== */
@media (max-width: 1024px) {
    .header-container { flex-wrap: nowrap; }
    .header-right { gap: 10px; }
    .search-input { width: 120px; }
}
@media (max-width: 767px) {
    .menu-toggle { display: block; }
    .header-right {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--header-bg);
        backdrop-filter: blur(20px);
        padding: 20px;
        box-shadow: 0 20px 30px rgba(0,0,0,0.1);
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    .header-right.menu-open { display: flex; }
    .nav-menu { flex-direction: column; gap: 15px; }
    .nav-menu li { margin-left: 0; }
    .search-input { width: 100%; }
    .search-form { width: 100%; }
    .header {
        position: relative;
        top: auto;
    }
    .post-card {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border: none !important;
        padding: 0 !important;
        transform: none !important;
    }
    .post-card .post-title,
    .post-card .post-content { padding: 0 !important; }
    .post-card.gradient-border::before { display: none !important; }
    .post-card.glass {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: transparent !important;
        border: none !important;
    }
    .post-card.shadow-border { box-shadow: none !important; border: none !important; }
    .related-list { flex-direction: column; }
}
@media (max-width: 480px) {
    .site-logo { font-size: 2rem; }
    .site-motto { font-size: 1rem; }
    .site-submotto { font-size: 0.9rem; }
    .post-title { font-size: var(--text-2xl); }
}

@keyframes underline { from { width: 0; } to { width: 100%; } }
/* ===== UX optimization appended 2026-09-29 ===== */
.article-meta .no-tag,.no-tag{display:none!important;}
.article-item{transition:transform .2s ease,box-shadow .2s ease;}
.article-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(180,83,9,.12);}
.article-title{line-height:1.6;}
.article-excerpt{line-height:1.9;color:#5a5a5a;}
.month-header{letter-spacing:.05em;}
.quote-simple,.quote-card-content{font-size:1.15em;line-height:2;}
.post-content,.entry-content{line-height:2;letter-spacing:.02em;}
img{max-width:100%;height:auto;}
::selection{background:#f5c78a;color:#4a2c00;}
html{scroll-behavior:smooth;}

/* ============================================================
   V2 \89C6\89C9\5347\7EA7\5C42 2026-09-29
   ============================================================ */

/* ---- 1. \8BBE\8BA1\4EE4\724C\5FAE\8C03\FF1A\66F4\6C89\7A33\96C5\81F4\7684\6696\8272\4F53\7CFB ---- */
:root {
    --primary-color: #B4653A;
    --primary-dark: #8F4E2A;
    --secondary-color: #5D4E37;
    --accent-color: #C99A5B;
    --gold-color: #D9A521;
    --text-color: #3D3226;
    --light-text: #77685A;
    --lighter-text: #A69785;
    --bg-base-color: #FCF8F1;
    --card-bg: #FFFFFF;
    --header-bg: rgba(252, 248, 241, 0.78);
    --footer-bg: #F5EFE4;
    --shadow-sm: 0 1px 3px rgba(94, 66, 35, 0.06);
    --shadow-md: 0 4px 16px rgba(94, 66, 35, 0.08);
    --shadow-lg: 0 10px 36px rgba(94, 66, 35, 0.12);
    --radius: 14px;
    --font-heading: 'Kaiti SC', 'STKaiti', 'KaiTi', '\6977\4F53', 'Noto Serif SC', 'SimSun', serif;
}

/* ---- 2. \9996\9875 Hero\FF1A\91D1\8272\6E10\53D8\6807\9898\FF0C\53BB\53D1\5149 ---- */
.header-quote { margin-bottom: calc(var(--rhythm) * 1.2); }
.site-logo {
    font-family: var(--font-heading);
    color: transparent;
    background: linear-gradient(120deg, #8F4E2A 20%, #C99A5B 55%, #D9A521 90%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
    animation: none;
    font-weight: 700;
    letter-spacing: 6px;
}
.site-motto { color: var(--secondary-color); letter-spacing: 1px; }
.site-submotto { color: var(--lighter-text); letter-spacing: 0.5px; }
.header-quote::after {
    content: "";
    display: block;
    width: 72px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--gold-color), transparent);
}

/* ---- 3. \6587\7AE0\5217\8868\5361\7247\5316 ---- */
.article-item {
    background: var(--card-bg);
    border: 1px solid rgba(94, 66, 35, 0.07);
    border-radius: var(--radius);
    padding: 16px 20px;
    margin-bottom: 14px;
    box-shadow: var(--shadow-sm);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.article-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(201, 154, 91, 0.35);
}
.article-item::before { top: 22px; }
.article-item.sticky-item { border-color: rgba(217, 165, 33, 0.45); background: linear-gradient(135deg, rgba(217,165,33,.08), rgba(255,255,255,.9)); }
.article-title { font-size: 1.06rem; }
.article-excerpt { color: var(--light-text); margin-top: 8px; }
.month-header {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    color: var(--primary-dark);
    display: flex;
    align-items: center;
    gap: 10px;
}
.month-header::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(180,101,58,.25), transparent);
    position: static;
}

/* ---- 4. \5BFC\822A\7CBE\81F4\5316 ---- */
.header { box-shadow: var(--shadow-sm); }
.nav-menu a { padding: 4px 2px; border-radius: 6px; }
.logo { letter-spacing: 2px; }
.search-input { border-radius: 22px; background: rgba(255,255,255,.85); border-color: rgba(94,66,35,.12); }
.search-input:focus { box-shadow: 0 0 0 3px rgba(201,154,91,.18); width: 210px; }

/* ---- 5. \6587\7AE0\9875\6392\7248\5347\7EA7 ---- */
.post-card { border-radius: var(--radius); box-shadow: var(--shadow-md); border-color: rgba(94,66,35,.06); }
.post-title { letter-spacing: 1px; }
.post-content { font-size: 1.05rem; line-height: 2.05; }
.post-content h2 {
    font-family: var(--font-heading);
    font-size: 1.45em;
    padding-left: 12px;
    border-left: 4px solid var(--gold-color);
    line-height: 1.4;
}
.post-content h2::after { display: none; }
.post-content h3 { font-family: var(--font-heading); }
.post-content blockquote {
    border-left: none;
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(217,165,33,.07), rgba(201,154,91,.05));
    padding: 18px 22px;
    position: relative;
    font-style: normal;
}
.post-content blockquote::before {
    content: "\201C";
    position: absolute;
    top: 2px;
    left: 14px;
    font-size: 2.2em;
    font-family: Georgia, serif;
    color: rgba(217,165,33,.5);
    line-height: 1;
}
.post-content blockquote > *:first-child { margin-top: 0; padding-left: 24px; }
.post-content hr {
    border: none;
    height: 1px;
    margin: calc(var(--rhythm)*1.5) auto;
    background: linear-gradient(90deg, transparent, rgba(180,101,58,.35), transparent);
}
.post-content table { border-collapse: collapse; width: 100%; margin: 20px 0; }
.post-content th, .post-content td { border: 1px solid rgba(94,66,35,.15); padding: 8px 14px; }
.post-content th { background: var(--footer-bg); }
.toc { border-radius: var(--radius); box-shadow: var(--shadow-sm); border: 1px solid rgba(94,66,35,.06); }
.post-meta-info { border-radius: var(--radius); }

/* ---- 6. \6807\7B7E pill ---- */
.article-meta a, .post-meta-info a {
    background: rgba(180,101,58,.08);
    color: var(--primary-color);
    border: 1px solid rgba(180,101,58,.18);
    font-weight: 500;
}
.article-meta a:hover, .post-meta-info a:hover {
    background: rgba(180,101,58,.16);
    border-color: rgba(180,101,58,.4);
}
.read-time { border: 1px solid rgba(94,66,35,.1); background: rgba(255,255,255,.6) !important; }

/* ---- 7. \6EDA\52A8\6761\4E0E\7EC6\8282 ---- */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(180,101,58,.3); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(180,101,58,.55); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--gold-color);
    outline-offset: 2px;
}
.back-to-top { background: var(--primary-color); box-shadow: var(--shadow-md); }

/* ---- 8. \9875\811A ---- */
.footer { background: linear-gradient(180deg, var(--footer-bg), #EFE6D5); border-top: 1px solid rgba(180,101,58,.1); }

/* ---- 9. \6697\8272\6A21\5F0F\FF08\8DDF\968F\7CFB\7EDF\FF09 ---- */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #D9A05B;
        --primary-dark: #C98F4E;
        --secondary-color: #C4B49A;
        --accent-color: #D9A521;
        --gold-color: #E0B54A;
        --text-color: #D8CBB8;
        --light-text: #A79882;
        --lighter-text: #7E7160;
        --bg-base-color: #1E1913;
        --card-bg: #29221A;
        --header-bg: rgba(30, 25, 19, 0.82);
        --footer-bg: #241E17;
        --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
        --shadow-md: 0 4px 16px rgba(0,0,0,.5);
        --shadow-lg: 0 10px 36px rgba(0,0,0,.6);
    }
    body { background-color: var(--bg-base-color) !important; background-image: none !important; color: var(--text-color); }
    .article-item, .post-card, .toc, .quote-card, .post-meta-info { background: var(--card-bg); border-color: rgba(217,160,91,.12); box-shadow: var(--shadow-sm); }
    .article-item:hover { border-color: rgba(217,160,91,.35); box-shadow: var(--shadow-md); }
    .read-time { background: rgba(217,160,91,.1) !important; border-color: rgba(217,160,91,.2); color: var(--primary-color); }
    .search-input { background: rgba(41,34,26,.9); border-color: rgba(217,160,91,.2); color: var(--text-color); }
    .respond input, .respond textarea { background: var(--card-bg); border-color: rgba(217,160,91,.2); color: var(--text-color); }
    .post-content blockquote { background: linear-gradient(135deg, rgba(217,165,33,.08), rgba(217,160,91,.04)); }
    .post-content pre { background: #241E17; }
    .post-content code { background: #241E17; color: #E0B54A; }
    .post-content strong { background: linear-gradient(120deg, rgba(217,165,33,.25) 0%, rgba(217,165,33,.25) 60%); color: #F0E6D2; }
    .site-logo { background: linear-gradient(120deg, #E0B54A 20%, #D9A05B 60%, #C98F4E 90%); -webkit-background-clip: text; background-clip: text; }
    .footer { background: linear-gradient(180deg, var(--footer-bg), #1A1510); }
    .error-back { color: #1E1913; }
    .progress-bar { background: linear-gradient(90deg, #D9A05B, #E0B54A); }
    .sticky-badge { color: #1E1913; }
    .related-item:hover { background: #33291E; }
    .emoji-item:hover { background: #33291E; }
    .post-content img { filter: brightness(.9); }
}


/* ============================================================
   V3 \8BC4\8BBA\91CD\8BBE\8BA1 2026-09-30
   ============================================================ */
.comments-title { font-family: var(--font-heading); color: var(--primary-dark); font-size: 1.15rem; }
.comments-empty {
    text-align: center;
    color: var(--lighter-text);
    letter-spacing: 3px;
    font-size: .95rem;
    padding: 8px 0 4px;
    position: relative;
}
.comments-empty span { display: inline-block; padding: 0 18px; position: relative; background: transparent; }
.comments-empty::before {
    content: "";
    position: absolute;
    left: 15%;
    right: 15%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(180,101,58,.22), transparent);
}
.comments-empty span { background: transparent; }
.respond { display: none; }
.respond.open { display: block; animation: respondIn .35s ease; }
@keyframes respondIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.respond-toggle {
    width: 100%;
    margin-top: 14px;
    padding: 13px 16px;
    background: transparent;
    border: 1px dashed rgba(180,101,58,.4);
    border-radius: var(--radius);
    color: var(--primary-color);
    font-size: .95rem;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .25s ease;
}
.respond-toggle:hover { background: rgba(180,101,58,.06); border-color: rgba(180,101,58,.7); border-style: solid; }
.respond { margin-top: 12px; padding: 18px; background: var(--card-bg); border: 1px solid rgba(94,66,35,.08); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.respond h3 { display: none; }
.respond-user { margin: 0 0 10px; font-size: .85rem; color: var(--lighter-text); }
.respond-user a { color: var(--primary-color); }
.respond-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; }
.respond-fields input {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid rgba(94,66,35,.15);
    border-radius: 9px;
    background: rgba(255,255,255,.7);
    font-size: .9rem;
    box-sizing: border-box;
}
.respond-fields input:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(201,154,91,.15); }
.respond textarea {
    width: 100%;
    border: 1px solid rgba(94,66,35,.15);
    border-radius: 9px;
    padding: 10px 12px;
    background: rgba(255,255,255,.7);
    font-size: .95rem;
    line-height: 1.8;
    resize: vertical;
    min-height: 72px;
    box-sizing: border-box;
}
.respond textarea:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(201,154,91,.15); }
.respond-toolbar { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.emoji-panel { display: flex; gap: 2px; opacity: .9; }
.emoji-item { font-size: 1.05rem; padding: 4px 5px; border-radius: 7px; cursor: pointer; transition: background .2s; }
.emoji-item:hover { background: rgba(180,101,58,.1); transform: scale(1.15); }
.comment-submit {
    padding: 8px 22px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: .9rem;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .25s ease;
    box-shadow: var(--shadow-sm);
}
.comment-submit:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.comment-list .comment-body, ol.comment-list li { border-radius: var(--radius); }
.post-navigation { border-top: none; margin-top: 8px; }
@media (max-width: 768px) { .respond-fields { grid-template-columns: 1fr; } .respond-toolbar { flex-direction: row; } }
@media (prefers-color-scheme: dark) {
    .respond-toggle { border-color: rgba(217,160,91,.35); color: var(--primary-color); }
    .respond-toggle:hover { background: rgba(217,160,91,.08); }
    .respond { background: var(--card-bg); border-color: rgba(217,160,91,.15); }
    .respond-fields input, .respond textarea { background: rgba(30,25,19,.6); border-color: rgba(217,160,91,.2); color: var(--text-color); }
    .comments-empty::before { background: linear-gradient(90deg, transparent, rgba(217,160,91,.25), transparent); }
}


/* ============================================================
   V4 \5927\9053\81F3\7B80 \00B7 \6734\7D20\9605\8BFB\5C42 2026-09-30
   ============================================================ */
:root {
    --primary-color: #8A6D4F;
    --primary-dark: #6E563D;
    --secondary-color: #4A4440;
    --accent-color: #9C8873;
    --gold-color: #9C8873;
    --text-color: #2E2B28;
    --light-text: #6B6560;
    --lighter-text: #9B948D;
    --bg-base-color: #FAFAF7;
    --card-bg: #FFFFFF;
    --header-bg: rgba(250, 250, 247, 0.88);
    --footer-bg: #F4F3EF;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --radius: 8px;
    --font-heading: 'Kaiti SC', 'STKaiti', 'KaiTi', '\6977\4F53', 'Noto Serif SC', 'SimSun', serif;
}

/* \6807\9898\56DE\5F52\7EAF\58A8\6977\4F53 */
.site-logo {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    color: var(--text-color);
    text-shadow: none;
    animation: none;
    font-weight: 700;
    letter-spacing: 6px;
}
.header-quote::after { background: rgba(60,56,50,.25); width: 48px; }
.site-motto { color: var(--secondary-color); }
.site-submotto { color: var(--lighter-text); }

/* \80CC\666F\51C0\5316\FF1A\53BB\6696\8C03\53BB\7EB9\7406 */
body { background-color: var(--bg-base-color) !important; background-image: none !important; }

/* \5217\8868\FF1A\53BB\5361\7247\9634\5F71\FF0C\7EC6\5206\5272\7EBF\89C4\6574\6392\5E03 */
.article-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(60,56,50,.08);
    border-radius: 0;
    padding: 18px 6px;
    margin-bottom: 0;
    box-shadow: none;
    transition: none;
}
.article-item:hover { transform: none; box-shadow: none; border-color: rgba(60,56,50,.08); background: rgba(60,56,50,.02); }
.article-item.sticky-item { border-color: rgba(60,56,50,.08); background: transparent; }
.article-title { color: var(--text-color); font-weight: 600; }
.article-item:hover .article-title { color: var(--primary-color); }
.article-excerpt { color: var(--light-text); }
.month-header {
    font-size: 1.2rem;
    color: var(--secondary-color);
    border-bottom: 1px solid rgba(60,56,50,.14);
    padding-bottom: 8px;
}
.month-header::after { background: none; }

/* \6587\7AE0\9875\FF1A\7D20\5361\6216\65E0\5361 */
.post-card { box-shadow: none; border: 1px solid rgba(60,56,50,.08); background: var(--card-bg); }
.post-title { color: var(--text-color); }
.post-content { color: var(--text-color); }
.post-content h2 { border-left: 3px solid rgba(60,56,50,.45); color: var(--text-color); }
.post-content blockquote {
    background: transparent;
    border-left: 3px solid rgba(60,56,50,.2);
    border-radius: 0;
    padding: 4px 0 4px 18px;
}
.post-content blockquote::before { display: none; }
.post-content blockquote > *:first-child { padding-left: 0; }
.post-content th { background: var(--footer-bg); }
.post-content strong { background: none; color: inherit; font-weight: 700; }
.toc { box-shadow: none; border: 1px solid rgba(60,56,50,.08); }
.post-meta-info { background: transparent; border: none; border-bottom: 1px solid rgba(60,56,50,.08); border-radius: 0; box-shadow: none; }

/* \6807\7B7E\FF1A\6781\7B80\7070\63CF\8FB9 */
.article-meta a, .post-meta-info a {
    background: transparent;
    color: var(--light-text);
    border: 1px solid rgba(60,56,50,.16);
    font-weight: 400;
}
.article-meta a:hover, .post-meta-info a:hover {
    background: rgba(60,56,50,.05);
    border-color: rgba(60,56,50,.35);
    color: var(--text-color);
}
.read-time { border: none !important; background: transparent !important; color: var(--lighter-text) !important; }

/* \5BFC\822A\4E0E\9875\811A */
.header { box-shadow: 0 1px 0 rgba(60,56,50,.08); }
.logo { color: var(--text-color); }
.footer { background: var(--footer-bg); border-top: 1px solid rgba(60,56,50,.08); }
::selection { background: rgba(138,109,79,.2); color: inherit; }
::-webkit-scrollbar-thumb { background: rgba(60,56,50,.22); }
::-webkit-scrollbar-thumb:hover { background: rgba(60,56,50,.4); }

/* \94FE\63A5\FF1A\8336\8910\4E0B\5212\7EBF\5F0F */
.post-content a { color: var(--primary-color); text-decoration: underline; text-decoration-color: rgba(138,109,79,.35); text-underline-offset: 3px; }
.post-content a:hover { color: var(--primary-dark); text-decoration-color: var(--primary-dark); }

/* \8BC4\8BBA\7EC4\4EF6\540C\6B65\7D20\5316 */
.respond-toggle { border: 1px dashed rgba(60,56,50,.25); color: var(--light-text); letter-spacing: 2px; }
.respond-toggle:hover { background: rgba(60,56,50,.03); border-color: rgba(60,56,50,.45); color: var(--text-color); }
.respond { border: 1px solid rgba(60,56,50,.08); box-shadow: none; }
.comment-submit { background: var(--secondary-color); box-shadow: none; }
.comment-submit:hover { background: var(--text-color); }
.comments-title { color: var(--secondary-color); }
.comments-empty { color: var(--lighter-text); }
.comments-empty::before { background: linear-gradient(90deg, transparent, rgba(60,56,50,.18), transparent); }
.emoji-item:hover { background: rgba(60,56,50,.06); transform: none; }

/* \6697\8272\6A21\5F0F\FF1A\7EAF\7070\9636\6734\7D20 */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #A89680;
        --primary-dark: #BCAB96;
        --secondary-color: #B5AEA6;
        --accent-color: #8A8378;
        --gold-color: #8A8378;
        --text-color: #D6D2CC;
        --light-text: #9A948D;
        --lighter-text: #6E6862;
        --bg-base-color: #1A1917;
        --card-bg: #232220;
        --header-bg: rgba(26, 25, 23, 0.9);
        --footer-bg: #201F1D;
        --shadow-sm: none;
        --shadow-md: none;
        --shadow-lg: none;
    }
    body { background-color: var(--bg-base-color) !important; background-image: none !important; }
    .site-logo { background: none; color: var(--text-color); }
    .article-item { background: transparent; border-bottom: 1px solid rgba(214,210,204,.08); }
    .article-item:hover { background: rgba(214,210,204,.04); }
    .article-item.sticky-item { background: transparent; }
    .post-card { border: 1px solid rgba(214,210,204,.08); background: var(--card-bg); }
    .post-meta-info { background: transparent; border-bottom: 1px solid rgba(214,210,204,.08); }
    .respond { background: var(--card-bg); border-color: rgba(214,210,204,.1); }
    .respond-fields input, .respond textarea { background: rgba(26,25,23,.5); border-color: rgba(214,210,204,.14); color: var(--text-color); }
    .post-content blockquote { background: transparent; border-left-color: rgba(214,210,204,.2); }
    .post-content pre, .post-content code { background: #232220; color: #C9C2B8; }
    .post-content strong { background: none; color: #EDEAE4; }
    .post-content img { filter: brightness(.92); }
    .comment-submit { background: #4A4540; }
    .comment-submit:hover { background: #5A544D; }
}


/* ============================================================
   V5 Logo \67D4\5316 2026-09-30
   ============================================================ */
.logo {
    font-family: var(--font-heading);
    font-weight: 500;
    color: var(--secondary-color);
    letter-spacing: 3px;
    font-size: 1.05rem;
}
.logo:hover { color: var(--text-color); }
@media (prefers-color-scheme: dark) {
    .logo { color: var(--secondary-color); }
}


/* V5b Logo \67D4\5316\FF08\9AD8\4F18\5148\7EA7\8986\76D6\FF09 */
.header .container .logo, .header .logo {
    font-family: var(--font-heading) !important;
    font-weight: 500 !important;
    color: var(--secondary-color) !important;
    font-size: 1.15rem !important;
    letter-spacing: 3px !important;
}


/* ============================================================
   V6 \524D\7AEF\641C\7D22\5F39\7A97\FF08\5927\9053\81F3\7B80\98CE\FF09 2026-09-30
   ============================================================ */
.search-modal {
    position: fixed;
    inset: 0;
    background: rgba(30, 27, 24, 0.45);
    z-index: 1000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10vh 20px 20px;
    animation: searchFade .2s ease;
}
@keyframes searchFade { from { opacity: 0; } to { opacity: 1; } }
.search-modal-card {
    background: var(--card-bg);
    border: 1px solid rgba(60,56,50,.14);
    border-radius: 10px;
    width: 100%;
    max-width: 560px;
    max-height: 70vh;
    overflow-y: auto;
    padding: 20px 24px;
    animation: searchUp .25s ease;
}
@keyframes searchUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.search-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(60,56,50,.1);
    color: var(--secondary-color);
    font-size: .95rem;
    letter-spacing: 1px;
}
.search-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: var(--lighter-text);
    padding: 4px 8px;
    border-radius: 6px;
}
.search-close:hover { background: rgba(60,56,50,.06); color: var(--text-color); }
.search-none { text-align: center; color: var(--lighter-text); padding: 26px 0 14px; letter-spacing: 2px; }
.search-results { list-style: none; margin: 0; padding: 0; }
.search-results li + li { border-top: 1px solid rgba(60,56,50,.07); }
.search-results a {
    display: block;
    padding: 13px 4px;
    color: var(--text-color);
    text-decoration: none;
    transition: background .2s;
}
.search-results a:hover { background: rgba(60,56,50,.03); }
.sr-title { display: block; font-weight: 600; font-size: .98rem; }
.search-results a:hover .sr-title { color: var(--primary-color); }
.sr-excerpt { display: block; margin-top: 4px; font-size: .85rem; color: var(--light-text); }
@media (prefers-color-scheme: dark) {
    .search-modal { background: rgba(0,0,0,.6); }
    .search-modal-card { border-color: rgba(214,210,204,.14); }
}


/* ===================== V6 \4E3B\9875\6781\7B80\5C42 ===================== */
/* hero \533A\FF1A\53BB\526F\6807\8BED\FF08\82F1\6587\5DF2\5728\9875\811A\4FDD\7559\FF09\3001\53BB\6807\9898\4E0B\88C5\9970\77ED\7EBF */
.site-submotto { display: none; }
.header-quote::after { display: none; }

/* \683C\8A00\533A\FF1A\53BB\5361\7247\5316\FF0C\56DE\5F52\7EAF\6587\672C\5F15\8A00 */
.quote-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: var(--rhythm) 0;
    margin: var(--rhythm) 0;
    transition: none;
}
.quote-card:hover { transform: none; box-shadow: none; }
.quote-card p { padding-left: 0; font-size: 1.05rem; }
.quote-card p::before { display: none; }
.quote-card-footer { display: none; }  /* \4E0E\9875\811A\82F1\6587\91CD\590D\FF0C\9690\85CF */

/* \6708\4EFD\6807\9898\FF1A\7F29\5C0F\5F31\5316\FF0C\4EC5\7559\4E00\6761\6D45\5206\5272\7EBF */
.month-header {
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--secondary-color);
    letter-spacing: .04em;
    border-bottom: 1px solid rgba(60,56,50,.10);
    padding-bottom: 6px;
}
.month-header::after { background: none; }


/* ===================== V6b \6587\7AE0\9875\6781\7B80\5C42 ===================== */
/* \9996\9875\5217\8868\FF1A\9690\85CF\9605\8BFB\65F6\957F */
.read-time { display: none; }

/* \6587\7AE0\5143\4FE1\606F\FF1A\53BB\5361\7247\5316\FF0C\56DE\5F52\7EAF\6587\672C */
.post-meta-info { background: transparent; border: none; box-shadow: none; padding: 0; }

/* \5C0F\8282\6807\9898\FF1A\53BB\5DE6\4FA7\7AD6\6761 */
.post-content h2 { border-left: none; padding-left: 0; }

/* \76EE\5F55\FF1A\53BB\76D2\5B50\5316\FF0C\878D\5165\6B63\6587 */
.toc {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 var(--rhythm);
}
.toc-title { font-size: .95rem; font-weight: 600; color: var(--secondary-color); }
.toc a { color: var(--secondary-color); }

/* \8BC4\8BBA\533A\FF1A\53BB\9876\90E8/\5E95\90E8\6E10\53D8\88C5\9970\7EBF */
#comments::before, #comments::after { display: none; }


/* ===================== V6c homepage polish ===================== */
/* top bar brand: refined, ink tone */
.header .container .logo, .header .logo {
    font-size: 1.2rem !important;
    letter-spacing: 4px !important;
    color: var(--text-color) !important;
}
.sun-symbol { opacity: .85; }

/* quote block: centered */
.quote-card { text-align: center; }
.quote-card p { margin: 0 0 14px; }
.quote-card p:last-child { margin-bottom: 0; }
.quote-card-content { margin: 0 auto; }

/* list items: breathing room */
.article-item { margin-bottom: 26px; padding: 4px 0 6px 20px; }
.article-title { margin-right: 14px; }
.article-excerpt { margin-top: 10px; line-height: 2; }
.article-meta { margin-right: 2px; }
.month-header { margin-top: calc(var(--rhythm)*1.4); }

/* ================= V5 simple layer (2026-10-10) ================= */
/* \9996\9875\FF1A\53BB\7BC7\95F4\5206\5272\7EBF\FF0C\6807\9898\7A81\51FA+\6458\8981\8DDF\968F\FF0C\5143\4FE1\606F\540E\7F6E */
.article-item {
    display: flex;
    flex-direction: column;
    border-bottom: none !important;
    border-left: none !important;
    background: none !important;
    padding: 16px 0 16px 20px !important;
    margin-bottom: 0 !important;
    position: relative;
}
.article-item:hover { background: none !important; transform: none !important; box-shadow: none !important; }
.article-item::before { top: 24px; }
.article-title {
    order: 0;
    display: block;
    font-weight: 700;
    font-size: 1.08rem;
    color: var(--text-color) !important;
    margin: 0 0 6px 0;
}
.article-item:hover .article-title { color: var(--primary-color) !important; }
.article-excerpt {
    order: 1;
    display: block;
    margin-top: 0;
    color: var(--light-text);
    font-size: 0.95rem;
    line-height: 1.9;
}
.article-meta {
    order: 2;
    margin-top: 8px;
    font-size: 0.8rem;
}
/* \6708\4EFD\6807\9898\FF1A\9192\76EE\4F46\514B\5236 */
.month-header {
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: .12em;
    margin: calc(var(--rhythm)*1.6) 0 calc(var(--rhythm)*0.6);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(60,56,50,.16);
}
.month-header::after { display: none; }

/* \6587\7AE0\8BE6\60C5\9875\FF1A\9690\85CF\53D1\5E03\65F6\95F4\4E0E\4F5C\8005\FF0C\4FDD\7559\5206\7C7B */
.post-meta-info time,
.post-meta-info .meta-sep,
.post-meta-info > span:not(.meta-sep):not(:has(a)) { display: none !important; }


/* ========== V6 年份导航 ========== */
.year-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 22px 0 8px;
    margin-top: 10px;
    border-top: 1px solid #E8E4DC;
    font-size: 0.95rem;
    color: var(--light-text, #666);
}
.year-nav a {
    color: var(--light-text, #666);
    text-decoration: none;
    padding: 2px 6px;
    border-radius: 4px;
    transition: color 0.2s;
}
.year-nav a:hover {
    color: var(--text-color, #222);
}
.year-nav-current {
    color: var(--text-color, #222);
    padding: 2px 6px;
    border-bottom: 2px solid var(--gold-color, #CCAA55);
}
.year-nav-disabled {
    opacity: 0.45;
    padding: 2px 6px;
}
.year-nav-list {
    display: inline-flex;
    gap: 4px;
}
@media (max-width: 640px) {
    .year-nav { flex-wrap: wrap; gap: 10px; }
}

/* ===== V7 全文段落聚合搜索 2026-10-11 ===== */
.search-page-form { display: flex; gap: 8px; margin: 18px 0 10px; }
.search-page-input { flex: 1; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; font-size: 1rem; background: #fff; color: #222; }
.search-page-input:focus { outline: none; border-color: #8A6D4F; }
.search-page-btn { padding: 10px 22px; border: 1px solid #8A6D4F; background: transparent; color: #8A6D4F; border-radius: 6px; cursor: pointer; font-size: 0.95rem; }
.search-page-btn:hover { background: #8A6D4F; color: #fff; }
.search-summary { color: #666; font-size: 0.9rem; margin: 6px 0 18px; }
.search-result-item { padding: 16px 0; }
.search-result-item .article-title { font-size: 1.05rem; }
.hit-paras { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; }
.hit-para { margin: 0; padding: 8px 12px; font-size: 0.92rem; color: #444; background: rgba(0,0,0,0.025); border-left: 2px solid #8A6D4F; border-radius: 0 4px 4px 0; line-height: 1.7; }
.hit-more { margin: 0; font-size: 0.85rem; color: #999; }
.hl-kw, mark.search-hl { background: #f5e6c8; color: #5a4326; padding: 0 2px; border-radius: 2px; }
@media (max-width: 640px) {
    .search-page-form { flex-direction: column; }
}
@media (prefers-color-scheme: dark) {
    .search-page-input { background: #2a2a2a; color: #ddd; border-color: #444; }
    .search-page-btn { color: #c9b28a; border-color: #c9b28a; }
    .search-page-btn:hover { background: #c9b28a; color: #222; }
    .search-summary { color: #999; }
    .hit-para { background: rgba(255,255,255,0.05); color: #bbb; }
    .hl-kw, mark.search-hl { background: #4a3f2a; color: #e8d5a8; }
}