:root{--bg-primary:#faf9f6;--bg-secondary:#fff;--bg-tertiary:#f3ede5;--bg-hero:#1a1915;--text-primary:#1a1915;--text-secondary:#6b6560;--text-muted:#a39e98;--border-color:#e8e0d8;--border-subtle:#f0ebe4;--accent:#da7756;--accent-hover:#c4673f;--accent-soft:#da775614;--accent-glow:#da775626;--shadow-sm:0 1px 2px #1a19150a;--shadow-md:0 4px 12px #1a19150f;--shadow-lg:0 8px 24px #1a191514;--header-bg:#faf9f6e0;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif CN", "STSongti-SC", Georgia, serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--max-width:720px;--header-height:56px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}[data-theme=dark]{--bg-primary:#1d1b19;--bg-secondary:#262420;--bg-tertiary:#302e2a;--bg-hero:#0f0e0c;--text-primary:#ede9e3;--text-secondary:#a39e98;--text-muted:#6b6560;--border-color:#3a3734;--border-subtle:#2e2c28;--accent:#e8895a;--accent-hover:#f09a6e;--accent-soft:#e8895a1a;--accent-glow:#e8895a26;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #0000004d;--header-bg:#1d1b19e0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.site-header{height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--border-subtle);z-index:100;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:960px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.logo:hover{opacity:.8;color:var(--text-primary)}.logo-icon{color:var(--accent)}.header-actions{align-items:center;gap:4px;display:flex}.header-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.header-btn:hover{background:var(--accent-soft);color:var(--accent)}.header-btn-badge{background:var(--accent);color:#fff;text-align:center;border-radius:100px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:2px;right:2px}.icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}.landing{flex-direction:column;min-height:100vh;display:flex}.landing-hero{padding:calc(var(--header-height) + 80px) 24px 80px;background:var(--bg-hero);text-align:center;flex-shrink:0;position:relative;overflow:hidden}.landing-hero:before{content:"";background:radial-gradient(600px 400px at 20%,#da77561f 0%,#0000 70%),radial-gradient(500px 500px at 80% 30%,#da77560f 0%,#0000 70%);position:absolute;inset:0}.landing-hero-content{z-index:1;max-width:640px;margin:0 auto;position:relative}.landing-badge{color:var(--accent);letter-spacing:.02em;background:#da77561f;border-radius:100px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.landing-title{font-family:var(--font-serif);color:#f5f0ea;letter-spacing:.06em;margin-bottom:20px;font-size:clamp(40px,7vw,64px);font-weight:700;line-height:1.2}.landing-subtitle{color:#f5f0ea80;letter-spacing:.03em;margin-bottom:48px;font-size:17px;line-height:1.8}.landing-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:48px;display:flex}.landing-stat{text-align:center}.landing-stat-number{color:#f5f0ea;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;display:block}.landing-stat-label{color:#f5f0ea66;letter-spacing:.05em;margin-top:4px;font-size:13px}.landing-cta{background:var(--accent);color:#fff;box-shadow:0 0 0 0 var(--accent-glow);border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;transition:all .25s;display:inline-flex}.landing-cta:hover{background:var(--accent-hover);color:#fff;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.landing-cta svg{transition:transform .2s}.landing-cta:hover svg{transform:translate(3px)}.landing-features{background:var(--bg-primary);padding:80px 24px}.landing-features-inner{max-width:800px;margin:0 auto}.landing-features-title{text-align:center;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:48px;font-size:13px;font-weight:600}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;padding:28px 24px;transition:all .25s}.feature-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.feature-title{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.landing-timeline{background:var(--bg-tertiary);padding:60px 24px 80px}.landing-timeline-inner{text-align:center;max-width:640px;margin:0 auto}.landing-timeline-title{font-family:var(--font-serif);margin-bottom:8px;font-size:24px;font-weight:700}.landing-timeline-desc{color:var(--text-secondary);margin-bottom:40px;font-size:14px}.timeline-bars{justify-content:center;align-items:flex-end;gap:8px;height:160px;margin-bottom:32px;display:flex}.timeline-bar-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.timeline-bar{background:linear-gradient(to top, var(--accent), #da775666);border-radius:6px 6px 0 0;width:48px;transition:height .6s cubic-bezier(.34,1.56,.64,1);position:relative}.timeline-bar-count{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.timeline-bar-year{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.landing-enter{border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-secondary);border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.landing-enter:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.articles-page-spacer{height:var(--header-height)}.search-section{top:var(--header-height);z-index:50;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding:16px 24px;transition:background .3s,border-color .3s;position:sticky}.search-container{max-width:560px;margin:0 auto}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);border-radius:100px;outline:none;padding:11px 44px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-clear{background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;right:12px}.search-clear:hover{background:var(--accent-soft);color:var(--accent)}.search-meta{text-align:center;color:var(--text-muted);min-height:20px;margin-top:8px;font-size:13px}.main-content{max-width:800px;margin:0 auto;padding:24px 24px 80px}.year-nav{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:2px;margin-bottom:20px;padding-bottom:16px;display:flex}.year-btn{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;padding:6px 12px;font-size:13px;font-weight:400;transition:all .2s}.year-btn:hover{color:var(--text-primary)}.year-btn.active{color:var(--accent);font-weight:600}.year-btn .year-count{opacity:.5;margin-left:2px;font-size:11px}.article-list{flex-direction:column;display:flex}.month-group{margin-bottom:8px}.month-header{color:var(--text-muted);letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);top:calc(var(--header-height) + 62px);background:var(--bg-primary);z-index:10;margin-bottom:2px;padding:16px 0 8px;font-size:12px;font-weight:600;position:sticky}.article-item{border-radius:var(--radius-sm);color:var(--text-primary);align-items:flex-start;gap:16px;padding:12px 14px;text-decoration:none;transition:all .15s;display:flex}.article-item:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.article-date{font-size:13px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:42px;padding-top:1px}.article-title-text{flex:1;font-size:15px;line-height:1.6}.article-item:hover .article-title-text{color:var(--accent)}.highlight{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 2px}.load-more-wrap{text-align:center;padding:24px 0}.load-more-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:100px;padding:11px 36px;font-size:14px;font-weight:500;transition:all .2s}.load-more-btn:hover{border-color:var(--accent);color:var(--accent)}.article-reader{max-width:var(--max-width);padding:calc(var(--header-height) + 24px) 24px 80px;margin:0 auto;position:relative}.reader-nav{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.reader-actions{align-items:center;gap:8px;display:flex}.back-link{color:var(--text-secondary);border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.back-link:hover{background:var(--accent-soft);color:var(--accent)}.bookmark-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.bookmark-btn:hover{border-color:var(--accent);color:var(--accent)}.bookmark-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.bookmark-icon-filled,.bookmark-btn.active .bookmark-icon-outline{display:none}.bookmark-btn.active .bookmark-icon-filled{display:block}.reading-progress{top:var(--header-height);z-index:99;pointer-events:none;height:0;transition:height .15s;position:fixed;left:0;right:0}.reader-header{border-bottom:1px solid var(--border-subtle);margin-bottom:40px;padding-bottom:24px}.reader-title{font-family:var(--font-serif);margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.4}.reader-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.reader-body{font-family:var(--font-serif);letter-spacing:.02em;font-size:17px;line-height:1.9}.reader-body h1,.reader-body h2,.reader-body h3,.reader-body h4{font-family:var(--font-serif);margin:2em 0 .8em;font-weight:700;line-height:1.4}.reader-body h1{font-size:1.5em}.reader-body h2{font-size:1.3em}.reader-body h3{font-size:1.15em}.reader-body p{margin-bottom:1.2em}.reader-body img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:1em 0;display:block}.reader-body img[src*=mmbiz]{background:var(--bg-tertiary);min-height:60px}.reader-body blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.5em 0;padding:.5em 1em}.reader-body code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:.88em}.reader-body pre{background:var(--bg-tertiary);border-radius:var(--radius-sm);margin:1.5em 0;padding:16px;overflow-x:auto}.reader-body pre code{background:0 0;padding:0}.reader-body hr{background:var(--border-color);border:none;height:1px;margin:2em 0}.reader-body strong{font-weight:700}.reader-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.reader-body ul,.reader-body ol{margin-bottom:1.2em;padding-left:1.5em}.reader-body li{margin-bottom:.4em}.reader-body table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9em}.reader-body th,.reader-body td{border:1px solid var(--border-color);text-align:left;padding:8px 12px}.reader-body th{background:var(--bg-tertiary);font-weight:600}.reader-pagination{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:16px;margin-top:48px;padding-top:32px;display:flex}.page-link{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:4px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.page-link:hover{border-color:var(--accent);background:var(--accent-soft)}.page-link.next{text-align:right}.page-label{color:var(--text-muted);letter-spacing:.05em;font-size:12px}.page-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.scroll-top{background:var(--bg-secondary);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-secondary);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:50;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.loading-overlay{background:var(--bg-primary);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{color:var(--text-muted);margin-bottom:16px}.empty-state-text{font-size:15px}.bookmarks-header{color:var(--text-primary);justify-content:center;align-items:center;gap:12px;padding:32px 24px 16px;display:flex}.bookmarks-header h2{font-size:20px;font-weight:600}.bookmarks-list{flex-direction:column;gap:2px;display:flex}.bookmark-item{border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex}.bookmark-item:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.bookmark-item:hover .bookmark-item-title{color:var(--accent)}.bookmark-item-date{font-size:13px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:90px}.bookmark-item-title{flex:1;font-size:15px;line-height:1.6}.bookmark-remove{width:28px;height:28px;color:var(--text-muted);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.bookmark-item:hover .bookmark-remove{opacity:1}.bookmark-remove:hover{color:#dc3c3c;background:#dc3c3c1a}.landing-continue{background:var(--bg-primary);padding:0 24px 40px}.landing-continue-inner{max-width:480px;margin:0 auto}.landing-continue-header{color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.continue-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:20px;text-decoration:none;transition:all .25s;display:block}.continue-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.continue-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.continue-meta{color:var(--text-muted);margin-bottom:12px;font-size:13px}.continue-progress-bar{background:var(--bg-tertiary);border-radius:100px;height:4px;overflow:hidden}.continue-progress-fill{background:var(--accent);border-radius:100px;height:100%;transition:width .3s}.landing-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:32px 24px;font-size:13px}@media (width<=640px){.main-content{padding:16px 16px 80px}.article-reader{padding:calc(var(--header-height) + 16px) 16px 60px}.reader-body{font-size:16px}.article-item{gap:12px;padding:10px 8px}.article-date{min-width:38px;font-size:12px}.article-title-text{font-size:14px}.reader-pagination{flex-direction:column}.year-nav{gap:3px}.year-btn{padding:6px 10px;font-size:12px}.search-section{padding:12px 16px}.month-header{top:calc(var(--header-height) + 56px)}.feature-grid{grid-template-columns:1fr;gap:12px}.landing-hero{padding:calc(var(--header-height) + 48px) 20px 48px}.landing-stats{gap:24px}.landing-stat-number{font-size:28px}.timeline-bars{gap:4px}.timeline-bar{width:28px}.landing-features{padding:48px 20px}.landing-timeline{padding:40px 20px 60px}.bookmark-btn .bookmark-label{display:none}.bookmark-btn{border-radius:50%;padding:8px}.bookmark-remove{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s forwards fadeInUp}