:root{--text:#4a5568;--text-h:#1a202c;--bg:#f7fafc;--card-bg:#fff;--border:#e2e8f0;--accent:#667eea;--accent-hover:#5a67d8;--accent-bg:#667eea1a;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Fira Code", "Consolas", monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--text:#cbd5e0;--text-h:#f7fafc;--bg:#1a202c;--card-bg:#2d3748;--border:#4a5568;--accent:#818cf8;--accent-hover:#6366f1;--accent-bg:#818cf826;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003}}*{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex}#app{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.blog-header{text-align:center;background:linear-gradient(135deg, var(--accent) 0%, #764ba2 100%);color:#fff;box-shadow:var(--shadow-lg);border-radius:0 0 20px 20px;margin-bottom:40px;padding:60px 20px 40px}.blog-header h1{letter-spacing:-.5px;margin-bottom:10px;font-size:2.5rem;font-weight:700}.blog-header .subtitle{opacity:.9;font-size:1.1rem;font-weight:300}.blog-content{flex-direction:column;flex:1;max-width:100%;display:flex}.posts-section{width:100%}.posts-section h2{color:var(--text-h);border-bottom:2px solid var(--accent);margin-bottom:24px;padding-bottom:12px;font-size:1.8rem;display:inline-block}.posts-grid{flex-direction:column;gap:24px;display:flex}.post-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-meta{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;display:flex}.category{background:var(--accent-bg);color:var(--accent);border-radius:20px;padding:4px 12px;font-weight:500}.date{color:var(--text);opacity:.7}.post-card h3{color:var(--text-h);margin-bottom:8px;font-size:1.25rem;font-weight:600}.post-card p{color:var(--text);margin-bottom:16px;line-height:1.6}.read-more{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600;transition:color .2s}.read-more:hover{color:var(--accent-hover)}.sidebar{flex-direction:column;gap:30px;display:flex}.categories,.about{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:24px}.categories h3,.about h3{color:var(--text-h);border-bottom:2px solid var(--accent);margin-bottom:16px;padding-bottom:8px;font-size:1.2rem}.categories ul{flex-direction:column;gap:12px;list-style:none;display:flex}.categories li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.categories li:last-child{border-bottom:none}.cat-name{color:var(--text);font-weight:500}.cat-count{background:var(--accent-bg);color:var(--accent);border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:600}.about p{color:var(--text);line-height:1.6}.blog-footer{text-align:center;border-top:1px solid var(--border);color:var(--text);opacity:.8;margin-top:60px;padding:30px 20px;font-size:.9rem}@media (width<=768px){.blog-header{margin-bottom:30px;padding:40px 15px 30px}.blog-header h1{font-size:2rem}.blog-content{gap:30px}.post-card{padding:20px}.sidebar{order:-1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:.5s forwards fadeIn}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.2s}.post-detail-view,.post-detail-page{padding:20px 0}.back-button{background:var(--accent-bg);color:var(--accent);border:2px solid var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--accent);color:#fff;transform:translate(-5px)}.post-card{cursor:pointer}.blog-footer a{color:var(--text);margin-left:10px;text-decoration:none}.blog-footer a:hover{color:var(--accent);text-decoration:underline}.post-detail[data-v-b5746739]{max-width:800px;margin:0 auto;padding:40px 20px}.post-header[data-v-b5746739]{text-align:center;margin-bottom:40px}.post-header h1[data-v-b5746739]{color:var(--text-h);margin:20px 0;font-size:2.2rem;line-height:1.3}.post-meta[data-v-b5746739]{color:var(--text);justify-content:center;gap:20px;margin-bottom:20px;font-size:.9rem;display:flex}.category[data-v-b5746739]{background:var(--accent-bg);color:var(--accent);border-radius:20px;padding:4px 12px;font-weight:500}.tags[data-v-b5746739]{justify-content:center;gap:10px;margin-top:20px;display:flex}.tag[data-v-b5746739]{background:var(--accent-bg);color:var(--accent);border-radius:15px;padding:4px 10px;font-size:.8rem}.post-content[data-v-b5746739]{font-size:1.05rem;line-height:1.8}.post-content h2[data-v-b5746739]{color:var(--text-h);border-bottom:2px solid var(--accent);margin:40px 0 20px;padding-bottom:10px;font-size:1.6rem}.post-content h3[data-v-b5746739]{color:var(--text-h);margin:30px 0 15px;font-size:1.3rem}.post-content p[data-v-b5746739]{color:var(--text);margin-bottom:20px}.post-content ul[data-v-b5746739]{margin:20px 0;padding-left:30px}.post-content li[data-v-b5746739]{color:var(--text);margin-bottom:10px}.code-block[data-v-b5746739]{background:var(--code-bg,#f8f9fa);border-left:4px solid var(--accent);border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.code-block pre[data-v-b5746739]{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-block code[data-v-b5746739]{color:var(--text-h);background:0 0;border-radius:0;padding:0}code[data-v-b5746739]{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.post-footer[data-v-b5746739]{border-top:1px solid var(--border);margin-top:60px;padding-top:30px}.share[data-v-b5746739],.tags-footer[data-v-b5746739]{color:var(--text);align-items:center;gap:10px;margin-bottom:20px;display:flex}.share-btn[data-v-b5746739]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:6px 16px;transition:background .2s}.share-btn[data-v-b5746739]:hover{background:var(--accent-hover)}.tags-footer .tag[data-v-b5746739]{cursor:pointer}.tags-footer .tag[data-v-b5746739]:hover{background:var(--accent);color:#fff}.post-detail[data-v-a7dad6fe]{max-width:800px;margin:0 auto;padding:40px 20px}.post-header[data-v-a7dad6fe]{text-align:center;margin-bottom:40px}.post-header h1[data-v-a7dad6fe]{color:var(--text-h);margin:20px 0;font-size:2.2rem;line-height:1.3}.post-meta[data-v-a7dad6fe]{color:var(--text);justify-content:center;gap:20px;margin-bottom:20px;font-size:.9rem;display:flex}.category[data-v-a7dad6fe]{background:var(--accent-bg);color:var(--accent);border-radius:20px;padding:4px 12px;font-weight:500}.tags[data-v-a7dad6fe]{justify-content:center;gap:10px;margin-top:20px;display:flex}.tag[data-v-a7dad6fe]{background:var(--accent-bg);color:var(--accent);border-radius:15px;padding:4px 10px;font-size:.8rem}.post-content[data-v-a7dad6fe]{font-size:1.05rem;line-height:1.8}.post-content h2[data-v-a7dad6fe]{color:var(--text-h);border-bottom:2px solid var(--accent);margin:40px 0 20px;padding-bottom:10px;font-size:1.6rem}.post-content h3[data-v-a7dad6fe]{color:var(--text-h);margin:30px 0 15px;font-size:1.3rem}.post-content p[data-v-a7dad6fe]{color:var(--text);margin-bottom:20px}.post-content ul[data-v-a7dad6fe]{margin:20px 0;padding-left:30px}.post-content li[data-v-a7dad6fe]{color:var(--text);margin-bottom:10px}.comparison-table[data-v-a7dad6fe]{margin:20px 0;overflow-x:auto}.comparison-table table[data-v-a7dad6fe]{border-collapse:collapse;background:var(--card-bg);width:100%;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.comparison-table th[data-v-a7dad6fe],.comparison-table td[data-v-a7dad6fe]{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.comparison-table th[data-v-a7dad6fe]{background:var(--accent);color:#fff;font-weight:600}.comparison-table tr[data-v-a7dad6fe]:hover{background:var(--accent-bg)}.code-block[data-v-a7dad6fe]{background:var(--code-bg,#f8f9fa);border-left:4px solid var(--accent);border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.code-block pre[data-v-a7dad6fe]{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-block code[data-v-a7dad6fe]{color:var(--text-h);background:0 0;border-radius:0;padding:0}code[data-v-a7dad6fe]{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.workflow-steps[data-v-a7dad6fe]{margin:30px 0}.step[data-v-a7dad6fe]{background:var(--card-bg);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;margin-bottom:15px;padding:20px}.step h4[data-v-a7dad6fe]{color:var(--accent);margin-bottom:10px;font-size:1.1rem}.step p[data-v-a7dad6fe]{color:var(--text);margin:0;font-style:italic}.post-footer[data-v-a7dad6fe]{border-top:1px solid var(--border);margin-top:60px;padding-top:30px}.share[data-v-a7dad6fe],.tags-footer[data-v-a7dad6fe]{color:var(--text);align-items:center;gap:10px;margin-bottom:20px;display:flex}.share-btn[data-v-a7dad6fe]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:6px 16px;transition:background .2s}.share-btn[data-v-a7dad6fe]:hover{background:var(--accent-hover)}.tags-footer .tag[data-v-a7dad6fe]{cursor:pointer}.tags-footer .tag[data-v-a7dad6fe]:hover{background:var(--accent);color:#fff}.post-detail[data-v-5d40d36c]{max-width:800px;margin:0 auto;padding:40px 20px}.post-header[data-v-5d40d36c]{text-align:center;margin-bottom:40px}.post-header h1[data-v-5d40d36c]{color:var(--text-h);margin:20px 0;font-size:2.2rem;line-height:1.3}.post-meta[data-v-5d40d36c]{color:var(--text);justify-content:center;gap:20px;margin-bottom:20px;font-size:.9rem;display:flex}.category[data-v-5d40d36c]{background:var(--accent-bg);color:var(--accent);border-radius:20px;padding:4px 12px;font-weight:500}.tags[data-v-5d40d36c]{justify-content:center;gap:10px;margin-top:20px;display:flex}.tag[data-v-5d40d36c]{background:var(--accent-bg);color:var(--accent);border-radius:15px;padding:4px 10px;font-size:.8rem}.post-content[data-v-5d40d36c]{font-size:1.05rem;line-height:1.8}.post-content h2[data-v-5d40d36c]{color:var(--text-h);border-bottom:2px solid var(--accent);margin:40px 0 20px;padding-bottom:10px;font-size:1.6rem}.post-content h3[data-v-5d40d36c]{color:var(--text-h);margin:30px 0 15px;font-size:1.3rem}.post-content p[data-v-5d40d36c]{color:var(--text);margin-bottom:20px}.post-content ul[data-v-5d40d36c]{margin:20px 0;padding-left:30px}.post-content li[data-v-5d40d36c]{color:var(--text);margin-bottom:10px}.code-block[data-v-5d40d36c]{background:var(--code-bg,#f8f9fa);border-left:4px solid var(--accent);border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.code-block pre[data-v-5d40d36c]{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-block code[data-v-5d40d36c]{color:var(--text-h);background:0 0;border-radius:0;padding:0}code[data-v-5d40d36c]{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.post-footer[data-v-5d40d36c]{border-top:1px solid var(--border);margin-top:60px;padding-top:30px}.share[data-v-5d40d36c],.tags-footer[data-v-5d40d36c]{color:var(--text);align-items:center;gap:10px;margin-bottom:20px;display:flex}.share-btn[data-v-5d40d36c]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:6px 16px;transition:background .2s}.share-btn[data-v-5d40d36c]:hover{background:var(--accent-hover)}.tags-footer .tag[data-v-5d40d36c]{cursor:pointer}.tags-footer .tag[data-v-5d40d36c]:hover{background:var(--accent);color:#fff}