body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{background-color:#f1f1f1;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 4px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{background-color:#1a202c;color:#fff;overflow:hidden;padding:2rem 0;position:relative;text-align:center}.header-content{position:relative;z-index:2}.header-bg{background:linear-gradient(135deg,#1a202c,#2d3748);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.header h1{font-size:2.5rem;margin-bottom:1rem}.header p{font-size:1.2rem;margin:0 auto;max-width:800px;opacity:.9}.nav{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.nav-logo{color:#1a202c;font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#4a5568;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#1a202c}.nav-link.active{color:#3182ce}.main{padding:2rem 0}.section{margin-bottom:3rem}.section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.card-title{color:#2d3748;font-size:1.4rem;margin-bottom:1rem}.card-content{color:#4a5568}.pattern-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pattern-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1.5rem;transition:transform .3s,box-shadow .3s}.pattern-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.pattern-card-title{color:#2d3748;font-size:1.2rem;margin-bottom:.5rem}.pattern-card-type{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:1rem;padding:.25rem .5rem}.pattern-card-type.workflow{background-color:#ebf8ff;color:#2b6cb0}.pattern-card-type.agent{background-color:#faf5ff;color:#6b46c1}.pattern-card-description{color:#4a5568;font-size:.9rem}.pattern-detail{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;padding:2rem}.pattern-detail-header{margin-bottom:1.5rem}.pattern-detail-title{color:#2d3748;font-size:1.8rem;margin-bottom:.5rem}.pattern-detail-type{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.pattern-detail-content{color:#4a5568}.pattern-detail-content h3{color:#2d3748;font-size:1.4rem;margin:1.5rem 0 1rem}.pattern-detail-content p{line-height:1.6;margin-bottom:1rem}.pattern-detail-content ul{margin-bottom:1rem;padding-left:1.5rem}.pattern-detail-content li{margin-bottom:.5rem}.pattern-detail-content pre{background-color:#f1f1f1;border-radius:4px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.pattern-detail-content code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pattern-diagram{margin:2rem 0;text-align:center}.pattern-diagram img{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-width:100%}.footer{background-color:#1a202c;color:#fff;margin-top:3rem;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-text{opacity:.8}.footer-links{display:flex;gap:1rem}.footer-link{color:#fff;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-link:hover{opacity:1}.blog-content{font-size:1.1rem;line-height:1.8}.blog-content h1{color:#1a202c;font-size:2.5rem;margin:2rem 0 1.5rem}.blog-content h2{color:#2d3748;font-size:2rem;margin:2rem 0 1rem}.blog-content h3{color:#4a5568;font-size:1.5rem;margin:1.5rem 0 1rem}.blog-content p{margin-bottom:1.5rem}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:4px solid #e2e8f0;color:#4a5568;font-style:italic;margin-left:0;padding-left:1rem}.blog-content pre{background-color:#f1f1f1;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.blog-content img{border-radius:4px;margin:1.5rem 0;max-width:100%}.blog-content a{color:#3182ce;text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content table{border-collapse:collapse;margin-bottom:1.5rem;width:100%}.blog-content td,.blog-content th{border:1px solid #e2e8f0;padding:.75rem}.blog-content th{background-color:#f7fafc;font-weight:600}.blog-toc{background-color:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem;position:-webkit-sticky;position:sticky;top:80px}.blog-toc-title{color:#2d3748;font-size:1.2rem;margin-bottom:1rem}.blog-toc-list{list-style-type:none;padding-left:0}.blog-toc-item{margin-bottom:.5rem}.blog-toc-link{color:#4a5568;display:block;padding:.25rem 0;text-decoration:none;transition:color .2s}.blog-toc-link:hover{color:#3182ce}.blog-toc-link.active{color:#3182ce;font-weight:500}.blog-toc-sublist{list-style-type:none;margin-top:.5rem;padding-left:1rem}.visualization-container{margin:2rem 0}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.chart-title{color:#2d3748;font-size:1.4rem;margin-bottom:1rem;text-align:center}.interactive-diagram{background-color:#f7fafc;border-radius:8px;margin:2rem 0;padding:1rem;position:relative}.interactive-diagram-title{color:#2d3748;font-size:1.4rem;margin-bottom:1rem;text-align:center}.interactive-diagram-content{align-items:center;display:flex;justify-content:center;min-height:300px}.interactive-element{cursor:pointer;transition:transform .3s,box-shadow .3s}.interactive-element:hover{transform:scale(1.05)}.interactive-tooltip{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:.9rem;max-width:250px;padding:.75rem;position:absolute;z-index:10}.pattern-comparison{margin:2rem 0;overflow-x:auto}.pattern-comparison table{border-collapse:collapse;width:100%}.pattern-comparison td,.pattern-comparison th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}.pattern-comparison th{font-weight:600}.pattern-comparison th,.pattern-comparison tr:nth-child(2n){background-color:#f7fafc}.pattern-comparison tr:hover{background-color:#edf2f7}@media (max-width:768px){.header h1{font-size:2rem}.header p{font-size:1rem}.nav-container{flex-direction:column;padding:1rem}.nav-logo{margin-bottom:1rem}.nav-links{flex-wrap:wrap;gap:1rem;justify-content:center}.pattern-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.75rem}.blog-content h3{font-size:1.5rem}.blog-toc{margin-bottom:2rem;position:static}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-delay-1{animation:fadeIn .5s ease-out .1s forwards;opacity:0}.fade-in-delay-2{animation:fadeIn .5s ease-out .2s forwards;opacity:0}.fade-in-delay-3{animation:fadeIn .5s ease-out .3s forwards;opacity:0}
/*# sourceMappingURL=main.44d36da7.css.map*/