:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-blue: #58a6ff;--accent-purple: #a371f7;--accent-green: #3fb950;--accent-orange: #d29922;--accent-red: #f85149;--border-color: #30363d}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eaeef2;--text-primary: #1f2328;--text-secondary: #656d76;--accent-blue: #0969da;--accent-purple: #8250df;--accent-green: #1a7f37;--accent-orange: #9a6700;--accent-red: #cf222e;--border-color: #d0d7de}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem}h1{font-size:2.5rem;font-weight:600}h2{font-size:1.5rem;color:var(--accent-blue);margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}h3{font-size:1.2rem;margin-top:1.5rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0}code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem}:not(pre)>code{background:var(--bg-secondary);padding:.2rem .4rem;border-radius:4px;color:var(--accent-green)}ul,ol{margin:1rem 0 1rem 1.5rem;color:var(--text-secondary)}li{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{text-align:left;padding:.75rem;border:1px solid var(--border-color)}th{background:var(--bg-secondary);color:var(--text-primary)}td{color:var(--text-secondary)}.info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0}.info-box.tip{border-left:4px solid var(--accent-green)}.info-box.warning{border-left:4px solid var(--accent-orange)}.info-box.note{border-left:4px solid var(--accent-blue)}.badge{display:inline-block;padding:.3rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:600;margin-bottom:1rem}.badge-article{background:#a371f733;color:var(--accent-purple)}.badge-guide{background:#3fb95033;color:var(--accent-green)}header{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.logo{font-size:3rem;margin-bottom:1rem}.tagline{color:var(--text-secondary);font-size:1.1rem}.gradient-title{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}footer{text-align:center;padding:2rem 0;margin-top:3rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.filters{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:2rem;cursor:pointer;transition:all .2s ease;font-size:.9rem}.filter-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.filter-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--bg-primary)}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.controls .filters{margin-bottom:0}.sorting{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sort-label{color:var(--text-secondary);font-size:.85rem;margin-right:.25rem}.sort-btn{padding:.35rem .75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:1rem;cursor:pointer;transition:all .2s ease;font-size:.8rem}.sort-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.sort-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column}.card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 24px #0006;text-decoration:none}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.5rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.card-description{color:var(--text-secondary);font-size:.9rem;flex-grow:1}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.card.hidden{display:none}.setup-section{margin-top:4rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-align:center}.setup-section h2{color:var(--accent-purple);border:none;margin-top:0}.setup-cards{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.setup-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .2s ease;min-width:180px}.setup-card:hover{border-color:var(--accent-purple);transform:translateY(-2px);text-decoration:none}.setup-icon{font-size:2rem;margin-bottom:.5rem}.setup-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.setup-desc{color:var(--text-secondary);font-size:.8rem}.setup-hint{color:var(--text-secondary);font-size:.9rem}.article-header,.guide-header{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.header-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.reading-time{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.85rem;background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:1rem}.article-content,.guide-content{max-width:800px;margin:0 auto}.toc{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:2rem 0}.toc h3{margin-top:0;color:var(--accent-blue)}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:.5rem 0}.toc a{color:var(--text-secondary)}.toc a:hover{color:var(--accent-blue)}.section-number{color:var(--accent-purple);font-weight:600}blockquote{background:var(--bg-secondary);border-left:4px solid var(--accent-blue);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;position:relative}blockquote p{margin:0;color:var(--text-primary)}blockquote p:not(:last-child){margin-bottom:.75rem}blockquote strong:first-child{color:var(--accent-blue);display:block;font-size:1.1rem;margin-bottom:.5rem}.highlight-box,blockquote.highlight{background:#58a6ff1a;border-left-color:var(--accent-blue)}.success-box,blockquote.success{background:#3fb9501a;border-left-color:var(--accent-green)}.success-box strong:first-child,blockquote.success strong:first-child{color:var(--accent-green)}.warning-box,blockquote.warning{background:#d2992226;border-left-color:var(--accent-orange)}.warning-box strong:first-child,blockquote.warning strong:first-child{color:var(--accent-orange)}.danger-box,blockquote.danger{background:#f851491a;border-left-color:var(--accent-red)}.danger-box strong:first-child,blockquote.danger strong:first-child{color:var(--accent-red)}.info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}.info-box.success{background:#3fb9501a;border-left-color:var(--accent-green);border-color:#3fb9504d}.info-box.warning{background:#d2992226;border-left-color:var(--accent-orange);border-color:#d299224d}.info-box.danger{background:#f851491a;border-left-color:var(--accent-red);border-color:#f851494d}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1.25rem 0;transition:all .3s ease}.tool-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.tool-card h4{color:var(--accent-blue);margin-top:0;margin-bottom:.75rem;font-size:1.15rem}.tool-card p{color:var(--text-secondary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.pros,.cons{padding:1.25rem;border-radius:8px}.pros{background:#3fb9501a;border-left:4px solid var(--accent-green)}.cons{background:#f851491a;border-left:4px solid var(--accent-red)}.pros h4{color:var(--accent-green);margin-top:0;margin-bottom:1rem}.cons h4{color:var(--accent-red);margin-top:0;margin-bottom:1rem}.pros ul,.cons ul{margin:0;padding-left:1.25rem}.pros li,.cons li{color:var(--text-primary);margin-bottom:.5rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;margin-right:12px;flex-shrink:0}.step-header{display:flex;align-items:center;margin:2rem 0 1rem}.step-header h3{margin:0;color:var(--text-primary)}.workflow-step{background:var(--bg-secondary);border-left:4px solid var(--accent-purple);padding:1.25rem 1.5rem;margin:1rem 0;border-radius:0 8px 8px 0}.workflow-step h4{color:var(--accent-purple);margin-top:0;margin-bottom:.75rem}.article-content table,.guide-content table{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.article-content th,.guide-content th{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;font-weight:600;padding:1rem;border:none}.article-content td,.guide-content td{padding:.875rem 1rem;border:none;border-bottom:1px solid var(--border-color)}.article-content tr:last-child td,.guide-content tr:last-child td{border-bottom:none}.article-content tr:nth-child(2n),.guide-content tr:nth-child(2n){background:#ffffff05}.checklist,ul.checklist{list-style:none;padding-left:0;margin-left:0}.checklist li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--text-primary)}.checklist li:before{content:"☐";position:absolute;left:0;color:var(--accent-purple);font-weight:700;font-size:1.1rem}.article-content ul:has(input[type=checkbox]),.guide-content ul:has(input[type=checkbox]){list-style:none;padding-left:0}.article-content li:has(input[type=checkbox]),.guide-content li:has(input[type=checkbox]){padding-left:.5rem}.version-badge{display:inline-block;background:#a371f733;color:var(--accent-purple);padding:.4rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin:.5rem 0}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:3rem 0;border:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0}.feature-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;transition:all .2s ease}.feature-item:hover{border-color:var(--accent-blue)}.feature-item h4{color:var(--accent-blue);margin-top:0;margin-bottom:.5rem;font-size:1rem}li code{background:var(--bg-tertiary);color:var(--accent-green);padding:.15rem .4rem;border-radius:4px;font-size:.85rem}strong{color:var(--text-primary)}h2 code{background:none;padding:0;font-size:inherit;color:inherit}.article-header.gradient{background:linear-gradient(135deg,#58a6ff1a,#a371f71a);border-radius:16px;padding:3rem 2rem;border:1px solid var(--border-color);margin-bottom:2.5rem}.quote-author{display:block;text-align:right;color:var(--text-secondary);font-style:italic;margin-top:.75rem;font-size:.9rem}kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.85rem;box-shadow:0 2px 0 var(--border-color)}@media(max-width:768px){.pros-cons,.feature-grid{grid-template-columns:1fr}.container{padding:1rem}header{padding:2rem 0}h1{font-size:1.8rem}.logo{font-size:2rem}.cards-grid{grid-template-columns:1fr}pre{font-size:.85rem}}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;box-shadow:0 2px 8px #0003}.theme-toggle:hover{transform:scale(1.1);border-color:var(--accent-blue)}.icon-sun{display:block}.icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.back-to-top[data-astro-cid-wlspcwf4]{position:fixed;bottom:2rem;right:2rem;z-index:1000;background:var(--accent-blue);color:#fff;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.back-to-top[data-astro-cid-wlspcwf4].visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top[data-astro-cid-wlspcwf4]:hover{background:var(--accent-purple);transform:translateY(-2px);box-shadow:0 6px 16px #0006}@media(max-width:768px){.back-to-top[data-astro-cid-wlspcwf4]{bottom:1rem;right:1rem;width:42px;height:42px}}