.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-link:focus{position:fixed;left:10px;top:10px;width:auto;height:auto;padding:8px 16px;background:var(--bg-header);color:#fff;font-size:14px;text-decoration:none;border-radius:4px;outline:2px solid var(--accent);outline-offset:2px}#main-content:focus{outline:none}.site-title{font-size:inherit;font-weight:inherit;margin:inherit}.site-main.fullscreen{padding:0;margin:0;min-height:100vh}.site-main.fullscreen .container{max-width:100%;padding:0}.login-link,.user-badge,.admin-link,.logout-btn{padding:5px 14px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s}.login-link{border:1px solid var(--accent);color:var(--accent)}.login-link:hover{background:var(--accent);color:#fff}.user-badge{border:1px solid var(--border-color);color:var(--text-secondary);cursor:default}.admin-link{border:1px solid var(--accent);color:var(--accent)}.admin-link:hover{background:var(--accent);color:#fff}.logout-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-family:inherit}.logout-btn:hover{border-color:var(--error-text, #e74c3c);color:var(--error-text, #e74c3c)}:root{--bg-primary: #f8f9fa;--bg-card: #fff;--bg-header: #fff;--text-primary: #333;--text-secondary: #666;--text-muted: #6c757d;--border-color: #eee;--link-color: #2c3e50;--link-hover: #3498db;--accent: #3498db;--code-bg: #f4f4f4;--footer-bg: #2c3e50;--footer-text: #bdc3c7;--shadow: rgba(0,0,0,.08);--shadow-hover: rgba(0,0,0,.12);--input-border: #ddd;--pin-color: #e74c3c;--tag-bg: #ecf0f1;--tag-text: #555;--success-bg: #e8f5e9;--success-text: #2e7d32;--error-bg: #fdecea;--error-text: #c62828;--comment-border: #f0f0f0;--btn-hover: #2980b9}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-card: #16213e;--bg-header: #0f3460;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888;--border-color: #2a2a4a;--link-color: #e0e0e0;--link-hover: #64b5f6;--accent: #64b5f6;--code-bg: #0d1117;--footer-bg: #0a0a1a;--footer-text: #888;--shadow: rgba(0,0,0,.3);--shadow-hover: rgba(0,0,0,.4);--input-border: #2a2a4a;--pin-color: #e57373;--tag-bg: #1e2a45;--tag-text: #b0b0b0;--success-bg: #1b3a1b;--success-text: #81c784;--error-bg: #3a1b1b;--error-text: #e57373;--comment-border: #2a2a4a;--btn-hover: #1976d2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-primary);line-height:1.6;transition:background .3s,color .3s}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{background:var(--bg-header);border-bottom:1px solid var(--border-color);padding:20px 0;transition:background .3s;position:relative}.header-content h1{font-size:28px;margin-bottom:4px}.header-content h1 a{color:var(--link-color)}.site-desc{color:var(--text-muted);font-size:14px}.site-nav{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap}.site-nav a{margin-right:20px;color:var(--text-secondary);font-weight:500}.site-nav a:hover,.site-nav a.router-link-active{color:var(--accent)}.nav-item{position:relative;display:inline-block}.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;min-width:140px;box-shadow:0 4px 12px var(--shadow);z-index:200;padding:4px 0}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:6px 16px;margin-right:0;font-size:14px;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.search-box{display:flex;align-items:center}.search-input{padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;font-size:13px;width:180px;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .2s,width .3s}.search-input:focus{border-color:var(--accent);width:220px}.dark-toggle{background:none;border:1px solid var(--border-color);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:border-color .2s}.dark-toggle:hover{border-color:var(--accent)}.nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary)}.site-main{padding:30px 0}.home{display:grid;grid-template-columns:1fr 280px;gap:30px}@media (max-width: 768px){.home{grid-template-columns:1fr}}.post-card{background:var(--bg-card);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px var(--shadow);transition:box-shadow .2s,background .3s}.post-card:hover{box-shadow:0 4px 12px var(--shadow-hover)}.post-card.pinned{border-left:4px solid var(--pin-color)}.pin-badge{display:inline-block;background:var(--pin-color);color:#fff;font-size:12px;padding:2px 8px;border-radius:3px;margin-bottom:8px}.post-cover{margin-bottom:12px}.post-cover img{width:100%;max-height:300px;object-fit:cover;border-radius:4px}.post-body h3{font-size:20px;margin-bottom:8px}.post-body h3 a{color:var(--link-color)}.post-excerpt{color:var(--text-secondary);font-size:14px;margin-bottom:10px}.post-meta{color:var(--text-muted);font-size:13px}.post-meta span{margin-right:12px}.tag-item{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:2px 10px;border-radius:12px;font-size:13px;margin:2px;transition:background .2s,color .2s}.tag-item:hover{background:var(--accent);color:#fff}.sidebar .widget{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px var(--shadow);transition:background .3s}.sidebar h3{font-size:16px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--accent)}.sidebar ul{list-style:none}.sidebar li{padding:6px 0;display:flex;justify-content:space-between;align-items:center}.sidebar li a{color:var(--text-secondary)}.count-badge{font-size:12px;background:var(--tag-bg);color:var(--text-muted);padding:1px 8px;border-radius:10px;min-width:20px;text-align:center}.tag-count{font-size:11px;color:var(--text-muted);margin-left:2px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.load-more{text-align:center;margin:20px 0}.btn-load{padding:10px 30px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn-load:hover{background:var(--btn-hover)}.btn-load:disabled{opacity:.6;cursor:not-allowed}.load-error{color:var(--pin-color);font-size:13px;margin-top:8px}.post-detail{background:var(--bg-card);border-radius:8px;padding:30px;box-shadow:0 1px 3px var(--shadow);transition:background .3s}.post-header h1{font-size:28px;margin-bottom:10px}.post-header .post-meta{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.post-content{font-size:16px;line-height:1.8}.post-content h1{font-size:1.8em;margin:1.2em 0 .6em}.post-content h2{font-size:1.5em;margin:1.2em 0 .6em;padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.post-content h3{font-size:1.25em;margin:1em 0 .5em}.post-content h4{font-size:1.1em;margin:.8em 0 .4em}.post-content p{margin:.8em 0}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px dashed var(--accent)}.post-content a:hover{border-bottom-style:solid}.post-content img{max-width:100%;border-radius:4px}.post-content blockquote{margin:1em 0;padding:10px 16px;border-left:4px solid var(--accent);background:var(--bg-secondary, rgba(0,0,0,.03));border-radius:0 4px 4px 0;color:var(--text-secondary)}.post-content blockquote p{margin:.4em 0}.post-content ul,.post-content ol{padding-left:1.8em;margin:.8em 0}.post-content li{margin:.3em 0}.post-content hr{border:none;border-top:1px solid var(--border-color);margin:1.5em 0}.post-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.post-content th,.post-content td{border:1px solid var(--border-color);padding:8px 12px}.post-content th{background:var(--bg-secondary, rgba(0,0,0,.04));font-weight:600}.post-content pre{background:var(--code-bg);padding:15px;border-radius:4px;overflow-x:auto;margin:1em 0}.post-content pre code{background:none;padding:0;font-size:14px}.post-content code{background:var(--code-bg);padding:2px 6px;border-radius:3px;font-size:14px}.toc{position:sticky;top:20px;max-height:70vh;overflow-y:auto;padding:16px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.toc h4{font-size:14px;margin-bottom:8px}.toc ul{list-style:none;padding-left:0}.toc li{padding:2px 0}.toc a{color:var(--text-secondary);font-size:13px}.toc a:hover{color:var(--accent)}.toc .toc-h3{padding-left:16px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:9999;transition:width .1s}.post-nav{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.post-nav a{color:var(--accent)}.related-posts{margin-top:30px}.related-posts h3{margin-bottom:12px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.related-card{background:var(--bg-card);border-radius:8px;padding:12px;box-shadow:0 1px 3px var(--shadow);transition:box-shadow .2s}.related-card:hover{box-shadow:0 4px 12px var(--shadow-hover)}.related-card h4{font-size:14px;margin-bottom:6px}.related-card p{font-size:12px;color:var(--text-muted)}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;background:var(--text-muted);color:var(--bg-card);border:none;border-radius:4px;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.code-block-wrapper:hover .code-copy-btn{opacity:1}.share-buttons{display:flex;gap:10px;margin-top:20px}.share-btn{padding:6px 14px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;font-size:13px;background:var(--bg-card);color:var(--text-secondary);transition:border-color .2s,color .2s}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.article-like{display:flex;align-items:center;gap:8px;margin-top:20px}.like-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);cursor:pointer;font-size:14px;background:var(--bg-card);color:var(--text-secondary);transition:all .2s}.like-btn:hover,.like-btn.liked{border-color:var(--pin-color);color:var(--pin-color)}.comments{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color)}.comments h3{margin-bottom:15px}.comment-form textarea{width:100%;padding:10px;border:1px solid var(--input-border);border-radius:4px;resize:vertical;font-family:inherit;background:var(--bg-card);color:var(--text-primary)}.comment-form-actions{display:flex;gap:10px;margin-top:10px}.comment-form-actions input{padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;flex:1;background:var(--bg-card);color:var(--text-primary)}.btn-submit{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-submit:hover{background:var(--btn-hover)}.comment-item{padding:12px 0;border-bottom:1px solid var(--comment-border)}.comment-item strong{color:var(--link-color)}.comment-date{color:var(--text-muted);font-size:13px;margin-left:10px}.no-comments{color:var(--text-muted);text-align:center;padding:20px}.comment-msg{margin-top:8px;font-size:14px;padding:6px 12px;border-radius:4px}.comment-msg.success{background:var(--success-bg);color:var(--success-text)}.comment-msg.error{background:var(--error-bg);color:var(--error-text)}.comment-replies{margin-left:24px;border-left:2px solid var(--border-color);padding-left:12px}.comment-reply-btn{font-size:12px;color:var(--accent);cursor:pointer;margin-left:8px;border:none;background:none}.comment-reply-btn:hover{text-decoration:underline}.archives,.about,.custom-page{background:var(--bg-card);border-radius:8px;padding:30px;box-shadow:0 1px 3px var(--shadow);transition:background .3s}.archives h1,.about h1,.custom-page h1{margin-bottom:20px}.archive-item h3{margin-bottom:5px;color:var(--link-color)}.archive-month{margin-bottom:24px}.archive-month h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.archive-post-list{list-style:none;padding-left:16px}.archive-post-item{padding:4px 0;display:flex;justify-content:space-between}.archive-post-item a{color:var(--link-color)}.archive-post-date{color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:40px 0;color:var(--text-muted);font-size:15px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.not-found{text-align:center;padding:60px 0}.not-found h1{font-size:72px;color:var(--text-muted)}.friends-page{background:var(--bg-card);border-radius:8px;padding:30px;box-shadow:0 1px 3px var(--shadow)}.friends-page h1{margin-bottom:20px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.friend-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:8px;padding:16px;box-shadow:0 1px 3px var(--shadow);transition:box-shadow .2s;border:1px solid var(--border-color)}.friend-card:hover{box-shadow:0 4px 12px var(--shadow-hover)}.friend-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.friend-info h4{font-size:15px;margin-bottom:2px}.friend-info h4 a{color:var(--link-color)}.friend-info h4 a:hover{color:var(--accent)}.friend-info p{font-size:12px;color:var(--text-muted)}.tag-cloud-page{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:30px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.tag-cloud-item{display:inline-block;padding:6px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 1px 3px var(--shadow);color:var(--text-secondary);transition:all .2s}.tag-cloud-item:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.search-page h1{margin-bottom:20px}.search-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-header input{flex:1;padding:10px 16px;border:1px solid var(--input-border);border-radius:4px;font-size:15px;background:var(--bg-card);color:var(--text-primary)}.search-header button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.search-header button:hover{background:var(--btn-hover)}.search-result-info{color:var(--text-muted);margin-bottom:16px;font-size:14px}.back-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:100;pointer-events:none}.back-to-top.visible{opacity:1;pointer-events:auto}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:30px 0;text-align:center;margin-top:40px;transition:background .3s}.site-footer a{color:var(--accent)}.site-footer p{margin-bottom:5px}@media (max-width: 768px){.nav-toggle{display:block}.site-nav{display:none}.site-nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-header);padding:16px;box-shadow:0 4px 12px var(--shadow);z-index:100}.site-nav.open a{margin-right:0;padding:8px 0}.site-nav.open .nav-dropdown{position:static;box-shadow:none;border:none;padding-left:16px}.site-nav.open .nav-dropdown a{padding:4px 0}.header-actions{flex-wrap:wrap}.search-input{width:140px}.search-input:focus{width:180px}.site-header{padding:15px 0}.header-content h1{font-size:22px}.post-detail{padding:16px}.post-header h1{font-size:22px}.post-content{font-size:15px}.comment-form-actions{flex-direction:column}.comment-form-actions input{width:100%}.archives,.about,.custom-page{padding:16px}.empty-state{padding:30px 10px}.post-nav{flex-direction:column;gap:10px}.related-grid{grid-template-columns:1fr}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:focus-visible{outline:2px solid var(--primary, #3498db);outline-offset:2px}.error-state{text-align:center;padding:40px 20px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px var(--shadow)}.error-state p{color:var(--text-muted);font-size:16px;margin-bottom:16px}.retry-btn{padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.retry-btn:hover{background:var(--btn-hover)}mark,.search-highlight{background:#fff3cd;color:#333;padding:0 2px;border-radius:2px}[data-theme=dark] mark,[data-theme=dark] .search-highlight{background:#4a3f00;color:khaki}