:root{--bg-primary: #fdf6e3;--bg-secondary: #fff;--bg-sidebar: rgba(0, 0, 0, .7);--text-primary: #333;--text-secondary: #666;--text-muted: #999;--border-color: #eee8d5;--accent-color: #268bd2;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-sidebar: rgba(30, 30, 30, .95);--text-primary: #e0e0e0;--text-secondary: #aaa;--text-muted: #666;--border-color: #333;--accent-color: #4da3d9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}body{font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.8;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#666}[data-theme=dark] .site-header{background-color:var(--bg-primary)}[data-theme=dark] .header-link{color:var(--text-secondary)}[data-theme=dark] .header-link:hover{color:var(--accent-color)}[data-theme=dark] .sidebar{background-color:var(--bg-sidebar)}[data-theme=dark] .sidebar-expand-btn{background:#ffffff26}[data-theme=dark] .sidebar-expand-btn:hover{background:#ffffff40}[data-theme=dark] .sidebar-toggle{background:#ffffff1a}[data-theme=dark] .sidebar-toggle:hover{background:#fff3}.theme-toggle{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .3s ease;margin-left:15px;color:var(--text-secondary);text-decoration:none}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}[data-theme=dark] .theme-toggle{color:#aaa;border-color:#444}[data-theme=dark] .theme-toggle:hover{background:#333;border-color:var(--accent-color);color:#fff}[data-theme=dark] .content{background-color:var(--bg-primary)}[data-theme=dark] .link-item,[data-theme=dark] .podcast-item,[data-theme=dark] .gallery-item{background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}[data-theme=dark] .subscribe-section{background-color:var(--bg-secondary)}[data-theme=dark] .article-content{color:var(--text-primary)}[data-theme=dark] .article-content h1,[data-theme=dark] .article-content h2,[data-theme=dark] .article-content h3{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] a{color:var(--accent-color)}[data-theme=dark] .sort-button,[data-theme=dark] .pagination button{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .sort-button:hover,[data-theme=dark] .sort-button.active,[data-theme=dark] .pagination button:hover,[data-theme=dark] .pagination button.active{background-color:var(--accent-color);color:#fff}*{margin:0;padding:0;box-sizing:border-box}.site-header{position:fixed;top:0;right:0;z-index:1001;padding:20px 30px}.header-links{display:flex;gap:20px}.header-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s}.header-link:hover{color:var(--accent-color);text-decoration:underline}.content{padding-top:70px;margin-left:280px;padding-left:40px;padding-right:40px;min-height:100vh;transition:margin-left .3s ease}body{background-color:var(--bg-primary);color:var(--text-primary)}.app-container{min-height:100vh}.layout{display:flex;min-height:100vh;max-width:1200px;margin:0 auto}.main-content{margin-left:280px;padding:40px;max-width:800px;background-color:var(--bg-primary);flex:1}.main-content h1{margin-top:0;font-size:28px;color:var(--text-primary);font-weight:700;margin-bottom:30px}.intro{color:var(--text-primary);margin-bottom:40px;font-size:16px;line-height:1.8}.intro a{color:var(--accent-color);text-decoration:none}.intro a:hover{text-decoration:underline}.sidebar-toggle{position:absolute;right:10px;top:10px;width:28px;height:28px;background:#fff3;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease;color:#fff;font-size:14px}.sidebar-toggle:hover{background:#ffffff4d}.sidebar-expand-btn{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:28px;height:50px;background:#0009;border:none;border-radius:0 6px 6px 0;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1001;transition:all .3s ease}.sidebar-expand-btn.visible{display:flex}.sidebar-expand-btn:hover{background:#000c}.toggle-arrow{width:20px;height:20px;object-fit:contain}.sidebar{position:fixed;width:280px;height:100vh;top:0;left:0;padding:60px 20px 40px;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;transition:transform .3s ease}.sidebar.collapsed{transform:translate(-280px)}.app-container:not(.sidebar-collapsed) .content{margin-left:280px}.app-container.sidebar-collapsed .content{margin-left:20px}.nav-section{margin-bottom:40px}.nav-item{margin-bottom:15px}.nav-item a{color:#fffc;text-decoration:none;font-size:1.1em;transition:all .3s ease;display:block;padding:8px 15px;border-radius:6px}.nav-item a:hover{color:#fff;background-color:#ffffff1a}.nav-item a.active{color:#fff;background-color:#ffffff26}.essays-list{margin-top:30px}.essay-item{margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-between}.essay-item a{color:var(--accent-color);text-decoration:none;font-size:16px;flex:1}.essay-item a:hover{text-decoration:underline}.essay-date{color:var(--text-muted);font-size:14px;margin-left:20px}.backlinks{margin-top:60px;padding:30px 0 0;border-top:1px solid var(--border-color)}.backlinks h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:700}#backlinks-list a{color:var(--accent-color);text-decoration:none;font-size:16px}.backlinks h3{color:#333;margin-bottom:20px;font-size:18px;font-weight:700}#backlinks-list{list-style:none;padding:0}#backlinks-list li{margin-bottom:12px}#backlinks-list a{color:#268bd2;text-decoration:none;font-size:16px}#backlinks-list a:hover{text-decoration:underline}@media (max-width: 768px){.layout{flex-direction:column}.main-content{margin-left:0;padding:20px}.sidebar{width:100%;height:auto;position:relative;padding:20px;background-color:#000c;transform:none}.sidebar-toggle{display:none}.nav-section{display:inline-block;margin-right:30px;margin-bottom:0;vertical-align:top}.nav-item{display:inline-block;margin-right:15px;margin-bottom:10px}.essay-item{flex-direction:column}.essay-date{margin-left:0;margin-top:5px}}.wechat-content{margin-top:40px;display:flex;gap:40px;align-items:flex-start}.qrcode{width:200px;height:200px;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.qrcode img{width:100%;height:100%;object-fit:contain}.wechat-info{flex:1}.wechat-info h2{font-size:20px;color:var(--text-primary);margin:0 0 20px}.wechat-info ul{list-style:none;padding:0;margin:0}.wechat-info li{margin-bottom:12px;font-size:16px;color:var(--text-primary);position:relative;padding-left:20px}.wechat-info li:before{content:"•";position:absolute;left:0;color:var(--text-muted)}@media (max-width: 768px){.wechat-content{flex-direction:column;gap:30px}.qrcode{margin:0 auto}}.links-section{margin-top:60px;margin-bottom:40px}.links-section h2{text-align:center;margin-bottom:30px;color:var(--text-primary);font-size:24px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto}.link-item{background-color:var(--bg-secondary);padding:25px;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.link-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.link-item h3{color:var(--text-primary);font-size:20px;margin-bottom:10px;font-weight:600}.link-item p{color:var(--text-secondary);font-size:14px;margin-bottom:15px;line-height:1.5}.platform-link{display:inline-block;background-color:var(--accent-color);color:#fff;text-decoration:none;padding:10px 20px;border-radius:6px;font-weight:500;transition:background-color .3s ease}.platform-link:hover{background-color:#1e70a7;color:#fff}.home-page{margin:0;padding:0}.hero-section{margin-bottom:40px}.hero-content{display:flex;align-items:center;gap:30px}.avatar-container{flex-shrink:0}.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #00000026}.hero-text h1{font-size:28px;margin-bottom:15px}.hero-text .intro{margin-bottom:0}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:24px}.links-grid{grid-template-columns:1fr;gap:20px}.link-item{padding:20px}}.article-category-section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.article-category-section h2{color:var(--text-primary);font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--accent-color);display:inline-block}.view-all-link{display:inline-block;margin-top:20px;color:var(--accent-color);text-decoration:none;font-size:14px}.view-all-link:hover{text-decoration:underline}.subscribe-section{margin-top:60px;margin-bottom:40px;padding:30px;background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);text-align:center}.subscribe-section h3{color:var(--text-primary);font-size:20px;margin-bottom:10px;font-weight:600}.subscribe-section p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.subscribe-link{display:inline-block;background-color:var(--accent-color);color:#fff;text-decoration:none;padding:12px 30px;border-radius:6px;font-weight:500;transition:background-color .3s ease}.subscribe-link:hover{background-color:#1e70a7;color:#fff}.article-content{line-height:1.8}.article-content h2{margin-top:40px;padding-top:20px;border-top:1px solid #eee8d5}.article-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-content p{margin:16px 0}.article-meta{display:flex;gap:20px;margin-bottom:30px;color:var(--text-muted);font-size:14px}.back-link{display:inline-block;margin-bottom:20px;color:var(--accent-color);text-decoration:none}.back-link:hover{text-decoration:underline}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.gallery-item{border-radius:8px;overflow:hidden;background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:300px;object-fit:contain;background-color:var(--bg-secondary);display:block;padding:10px}.gallery-item-info{padding:15px;flex-grow:1;display:flex;flex-direction:column}.gallery-item-title{margin:0 0 10px;font-size:1rem;font-weight:500}.gallery-buttons{display:flex;gap:8px;margin-top:auto}.certificate-toggle,.want-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:5px 10px;cursor:pointer;font-size:.8rem;transition:all .3s}.certificate-toggle:hover{background-color:var(--border-color)}.want-button{display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.want-button:hover{background-color:#ffebee;border-color:#ffcdd2}.want-count{margin-left:4px;font-size:.8rem;opacity:.7}.pagination{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0;gap:5px}.pagination button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:5px 12px;cursor:pointer;transition:all .3s}.pagination button:hover:not(:disabled),.pagination button.active{background-color:var(--accent-color);color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{width:100%;text-align:center;margin-top:10px;font-size:14px;color:var(--text-secondary)}.fullscreen-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.fullscreen-viewer img{max-width:90%;max-height:90%;object-fit:contain}.loading-indicator{text-align:center;padding:30px;width:100%}.loading-spinner{border:5px solid var(--bg-secondary);border-top:5px solid var(--accent-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sort-controls{display:flex;gap:10px}.sort-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:5px 12px;cursor:pointer;font-size:.9rem;transition:all .3s}.sort-button:hover,.sort-button.active{background-color:var(--accent-color);color:#fff}.loading{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.gallery{grid-template-columns:1fr;gap:15px}.gallery-item img{height:250px}.gallery-item-info{padding:10px}.gallery-buttons,.sort-controls{flex-direction:column;gap:5px}}.content-inner{max-width:800px;margin:0 auto}.article-content{line-height:1.8;font-size:16px}.article-content h1{font-size:32px;margin:30px 0 20px;color:var(--text-primary)}.article-content h2{font-size:24px;margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.article-content h3{font-size:20px;margin:30px 0 15px;color:var(--text-primary)}.article-content p{margin:16px 0;line-height:1.8}.article-content a{color:var(--accent-color);text-decoration:none}.article-content code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.article-content pre{background-color:var(--bg-secondary);padding:20px;border-radius:6px;overflow-x:auto}.article-content blockquote{border-left:4px solid var(--accent-color);padding-left:20px;margin:20px 0;color:var(--text-secondary);font-style:italic}.article-content a:hover{text-decoration:underline}.article-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.article-content pre{background-color:#f5f5f5;padding:20px;border-radius:6px;overflow-x:auto}.article-content pre code{background:none;padding:0}.article-content blockquote{border-left:4px solid #268bd2;padding-left:20px;margin:20px 0;color:#666;font-style:italic}.article-content ul,.article-content ol{padding-left:30px;margin:16px 0}.article-content li{margin:8px 0}.article-content img{max-width:100%;height:auto;border-radius:6px;margin:20px 0}.podcast-list{margin-top:30px}.podcast-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:var(--bg-secondary);border-radius:12px;margin-bottom:15px;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.podcast-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.podcast-info{flex:1}.podcast-title{font-size:18px;color:var(--text-primary);margin:0 0 8px;font-weight:600}.podcast-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.podcast-meta{display:flex;gap:20px;font-size:13px;color:var(--text-muted)}.podcast-play-btn{width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;flex-shrink:0;margin-left:20px}.podcast-play-btn:hover{background-color:#1e70a7}.podcast-play-btn.playing{background-color:#e74c3c}.podcast-player{position:fixed;bottom:0;left:280px;right:0;background-color:var(--bg-secondary);padding:15px 30px;box-shadow:0 -2px 10px #0000001a;z-index:100}.podcast-player audio{width:100%}@media (max-width: 768px){.podcast-item{flex-direction:column;align-items:flex-start}.podcast-play-btn{margin-left:0;margin-top:15px}.podcast-player{left:0}}