body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.6}body.no-scroll{overflow:hidden;height:100vh}.site{display:flex;flex-direction:column;min-height:100vh;background-color:#F7F7FA;color:#23242A}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background-color:#E5E6EC;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1000;display:flex;align-items:center}.navbar-brand{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 1rem;width:100%;height:100%;position:relative}.navbar-brand h1{font-size:1.2rem;margin:0;color:#F2F2F6;font-weight:bold;letter-spacing:-0.3px;text-shadow:0 1px 4px rgba(247,247,250,0.7)}.navbar-brand .sidebar-toggle{position:absolute;left:1rem;background:none;border:none;color:#23242A;font-size:1.5rem;cursor:pointer;padding:0.5rem;display:none}@media (max-width: 600px){.navbar-brand .sidebar-toggle{display:block}}@media (min-width: 601px) and (max-width: 1024px){.navbar-brand .sidebar-toggle{display:block}}.navbar .logo{height:40px;width:auto}.navbar-title{font-size:1.3rem;margin:0;color:#F2F2F6;font-weight:bold;letter-spacing:-0.3px;text-shadow:0 1px 4px rgba(247,247,250,0.7);transition:font-size 0.2s}@media (min-width: 601px) and (max-width: 1024px){.navbar-title{font-size:1.5rem}}@media (min-width: 1025px){.navbar-title{font-size:2.1rem}}.sidebar{position:fixed;top:60px;left:0;width:250px;height:calc(100vh - 60px);background-color:#E5E6EC;z-index:999;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#B3B0FF #E5E6EC}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:rgba(35,36,42,0.4);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:rgba(35,36,42,0.6)}.sidebar-menu{padding:1rem 0;height:auto;min-height:100%;display:flex;flex-direction:column;gap:0.5rem}.sidebar .sidebar-link{display:flex;align-items:center;padding:0.75rem 1.5rem;color:#23242A;text-decoration:none;transition:background-color 0.2s}.sidebar .sidebar-link .icon{font-size:1.5rem;min-width:30px;text-align:center;margin-right:12px;flex-shrink:0}.sidebar .sidebar-link .link-text{white-space:nowrap;overflow:hidden}.sidebar .sidebar-link:hover{background-color:rgba(108,99,255,0.1)}.sidebar .sidebar-link.active{background-color:rgba(108,99,255,0.2);border-left:3px solid #6C63FF}@media (max-width: 600px){.sidebar{width:250px;transform:translateX(-100%);transition:transform 0.3s ease}.sidebar.mobile-open{transform:translateX(0);box-shadow:3px 0 10px rgba(0,0,0,0.2)}}@media (min-width: 601px) and (max-width: 1024px){.sidebar{width:220px;transform:translateX(-100%);transition:transform 0.3s ease;position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:999}.sidebar.mobile-open{transform:translateX(0);box-shadow:3px 0 10px rgba(0,0,0,0.2)}}@media (min-width: 1025px){.sidebar{width:250px !important;transform:none !important;position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:999}}.sidebar-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(247,247,250,0.7);z-index:998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 600px){.sidebar-overlay.mobile-open{display:block}}@media (min-width: 601px) and (max-width: 1024px){.sidebar-overlay.mobile-open{display:block}}.main-container{margin-top:60px;transition:transform 0.3s ease, margin-left 0.3s ease;backface-visibility:hidden}@media (min-width: 1025px){.main-container{margin-left:250px;width:calc(100% - 250px);transition:none !important}}@media (min-width: 601px) and (max-width: 1024px){.main-container{margin-left:0;width:100%}.sidebar.mobile-open ~ .main-container{transform:translateX(220px)}}@media (max-width: 600px){.main-container{margin-left:0;width:100%}.sidebar.mobile-open ~ .main-container{transform:translateX(250px)}}.content{padding:2rem;min-height:calc(100vh - 120px);overflow-x:hidden}@media (max-width: 600px){.content{padding:1rem}}@media (min-width: 601px) and (max-width: 1024px){.content{padding:1rem}}.cards-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;padding:1rem 0}.card{background-color:#E5E6EC;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.3s ease;padding:1.5rem}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.card-icon{font-size:2rem;color:#6C63FF;margin-bottom:1rem}.card-title{font-size:1.5rem;color:#4B4C53;margin:0 0 1rem}.card-description{color:#23242A;margin-bottom:1.5rem}.card-link{display:inline-flex;align-items:center;padding:0.5rem 1rem;background-color:#6C63FF;color:#F7F7FA;border-radius:4px;text-decoration:none;transition:background-color 0.2s}.card-link:hover{background-color:#B3B0FF}.footer{background-color:#E5E6EC;color:#23242A;padding:1rem;height:60px;box-shadow:0 -2px 4px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;margin-top:auto}.footer .content{text-align:center;padding:0}.footer a{color:#6C63FF;text-decoration:none;font-weight:600;transition:all 0.2s}.footer a:hover{color:#B3B0FF}.section-link{color:#6C63FF;text-decoration:none;font-weight:600;transition:all 0.2s}.section-link:hover{color:#B3B0FF}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}.sidebar,.main-container{transition:none !important}}.mermaid{text-align:center;margin:2rem auto;overflow-x:auto;max-width:100%;background-color:#E5E6EC;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px 2px rgba(108,99,255,0.1),0 4px 8px rgba(0,0,0,0.06);border:1px solid #D1D2D6;font-family:"Fira Mono","Consolas","Roboto Mono",monospace;overflow:visible}.mermaid .label{color:#23242A !important;font-family:"Roboto","Segoe UI",Arial,sans-serif}.mermaid .node rect,.mermaid .node circle,.mermaid .node ellipse,.mermaid .node polygon,.mermaid .node path{fill:#F7F7FA !important;stroke:#6C63FF !important;stroke-width:1px}.mermaid .nodeLabel{color:#4B4C53 !important}.mermaid .edgePath .path{stroke:#6C63FF !important;stroke-width:1.5px}.mermaid .edgeLabel{background-color:rgba(229,230,236,0.7) !important;color:#4B4C53 !important;border-radius:4px;padding:2px 4px}.mermaid .actor{fill:#E5E6EC !important;stroke:#6C63FF !important;stroke-width:1px}.mermaid .messageLine0,.mermaid .messageLine1{stroke:#6C63FF !important;stroke-width:1.5px}.mermaid .activation0,.mermaid .activation1,.mermaid .activation2{fill:#B3B0FF !important;stroke:#6C63FF !important}.mermaid .classRect,.mermaid .classLabel{fill:#F7F7FA !important;stroke:#6C63FF !important;color:#23242A !important}.mermaid .entityBox{fill:#F7F7FA !important;stroke:#6C63FF !important}.mermaid .stateGroup rect{fill:#E5E6EC !important;stroke:#6C63FF !important}.mermaid .stateLabel text{fill:#23242A !important}.mermaid .taskText{fill:#23242A !important}.mermaid .taskTextOutsideRight{fill:#4B4C53 !important}.mermaid .task{fill:#B3B0FF !important;stroke:#6C63FF !important}.mermaid .titleText{fill:#6C63FF !important;font-size:1.2rem;font-weight:bold}.mermaid svg{background-color:transparent !important}.mermaid .pieTitleText{fill:#6C63FF !important;font-size:1.2rem}.mermaid .pieCircle{stroke:#D1D2D6 !important;stroke-width:1px}.mermaid .node:hover rect,.mermaid .node:hover circle,.mermaid .node:hover ellipse,.mermaid .node:hover polygon{filter:brightness(1.1);transition:all 0.3s ease}@media (max-width: 600px){.mermaid{padding:1rem;font-size:90%}}@media (prefers-reduced-motion: reduce){.mermaid *{transition:none !important;animation:none !important}}.hljs{display:block;overflow-x:auto;padding:1em;background:#F2F2F6;color:#23242A;border-radius:8px;margin:1.5rem 0;font-size:0.95em;line-height:1.6;box-shadow:0 0 0 2px rgba(35,36,42,0.18),0 2px 4px rgba(0,0,0,0.08);font-family:"Fira Mono","Consolas","Roboto Mono",monospace;border:2px solid #A0A0B2}@media (max-width: 600px){.hljs{font-size:0.85em;padding:0.8em}}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-doctag,.hljs-name,.hljs-strong{color:#FF2E63}.hljs-comment{color:#388E3C;font-style:italic}.hljs-string,.hljs-title,.hljs-section,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-addition,.hljs-tag,.hljs-quote,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#0074D9}.hljs-meta,.hljs-subst,.hljs-symbol,.hljs-regexp,.hljs-attribute,.hljs-deletion,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-bullet{color:#18A0FB}.hljs-emphasis{font-style:italic;color:#FFCB05}.hljs-attr,.hljs-selector-attr{color:#FF61F6}.hljs-number{color:#FF6B00}.hljs-tag .hljs-attr{color:#23242A}.language-liquid .hljs-template-tag,.language-liquid .hljs-template-variable{color:#6C63FF}.language-liquid .hljs-variable{color:#6C63FF}.language-liquid .hljs-tag{color:#6C63FF}.language-liquid .hljs-name{color:#6C63FF}.hljs-ln{padding:0;margin:0;border:none}.hljs-ln td{padding:0}.hljs-ln-numbers{text-align:right;color:#D1D2D6;padding-right:1em !important;-webkit-user-select:none;user-select:none}pre code.hljs{padding:1.5em;border-radius:8px;border:2px solid #A0A0B2;box-shadow:0 0 0 2px rgba(35,36,42,0.18)}div.highlighter-rouge pre.highlight{background:#F2F2F6;padding:1em;border-radius:8px;overflow-x:auto;border:2px solid #A0A0B2;box-shadow:0 0 0 2px rgba(35,36,42,0.18)}table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:#E5E6EC;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);font-size:0.95em;line-height:1.5}table thead{background-color:#F7F7FA}table thead tr th{padding:1rem 1.5rem;color:#4B4C53;font-weight:600;text-align:left;border-bottom:2px solid #D1D2D6}table thead tr th:first-child{border-top-left-radius:8px}table thead tr th:last-child{border-top-right-radius:8px}table tbody tr{transition:background-color 0.2s ease;border-bottom:1px solid rgba(209,210,214,0.3)}table tbody tr:hover{background-color:rgba(108,99,255,0.08)}table tbody tr:last-child{border-bottom:none}table tbody tr td{padding:1rem 1.5rem;color:#23242A}table tbody tr td:first-child{color:#4B4C53;font-weight:500;font-family:"Fira Mono","Consolas","Roboto Mono",monospace}table tbody tr td code{background-color:rgba(209,210,214,0.3);padding:0.2rem 0.4rem;border-radius:4px;font-family:"Fira Mono","Consolas","Roboto Mono",monospace;font-size:0.9em;color:#6C63FF}table tbody tr:nth-child(even){background-color:rgba(209,210,214,0.05)}table tbody tr:nth-child(even):hover{background-color:rgba(108,99,255,0.1)}@media (max-width: 600px){table{display:block;overflow-x:auto;white-space:nowrap;font-size:0.85em;margin:1.5rem 0;box-shadow:none;border:1px solid #D1D2D6}table th,table td{min-width:120px}table thead tr th:first-child,table thead tr th:last-child{border-radius:0}}.section-title,.subcategory-title{position:relative;padding:8px 12px;margin:1em 0;overflow:hidden;border-radius:8px;color:#4B4C53;z-index:1}.section-title::before,.subcategory-title::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent 25%, rgba(108,99,255,0.3) 75%, transparent 75%);border-radius:8px;animation:wave 3.5s infinite linear;z-index:-1}.section-title{text-align:center;background-color:#E5E6EC}.section-title span,.subcategory-title span{position:relative;background:linear-gradient(90deg, #23242A, #4B4C53, #23242A);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:text-glow 4s infinite linear;padding:0 5px}@keyframes wave{0%{transform:translateX(-50%)}100%{transform:translateX(150%)}}@keyframes text-glow{0%{background-position:0% 50%}100%{background-position:200% 50%}}