:root{--gradient-primary: linear-gradient(135deg, #2563eb, #4f46e5);--gradient-secondary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-accent: linear-gradient(135deg, #06b6d4, #3b82f6);--text-primary: #222222;--text-secondary: #0a0a0a;--background: #c4c4c4;--surface: #aaaaaa;--surface-alt: #575757;--max-width: 1200px;--border-radius: 12px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}a{position:relative;color:var(--text-primary);text-decoration:none;padding:.1rem .2rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);transition:all .3s ease}a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-2px;background:var(--gradient-primary);transition:width .3s ease}a:hover{color:#2563eb;border-color:#0003}a:hover:after{width:100%}a.block-link{display:inline-block;background:var(--surface);padding:.5rem 1rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.1);margin:.5rem 0;transition:all .3s ease}a.block-link:hover{color:var(--text-primary);box-shadow:var(--shadow-lg);border-color:#0003;transform:translateY(-2px)}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--background);overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}header{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.logo{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.9}nav{display:flex;gap:1rem}nav a{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .3s ease;position:relative;overflow:hidden}nav a:hover,nav a.active{color:var(--text-primary);background:var(--gradient-secondary);box-shadow:var(--shadow-sm)}nav a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease;z-index:-1}nav a:hover:before{opacity:.1}main{flex:1;padding:3rem 0}h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}#plugin-test{background:var(--surface);border-radius:var(--border-radius);padding:2rem;margin:2rem 0;box-shadow:var(--shadow-lg);border:1px solid var(--surface-alt);transition:transform .3s ease}#plugin-test:hover{transform:translateY(-4px)}footer{background:var(--surface);padding:2rem 0;margin-top:auto}footer .container{text-align:center}footer p{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 768px){header .container{flex-direction:column;gap:1rem}nav{flex-wrap:wrap;justify-content:center}h1{font-size:2rem}.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .5s ease-out}.toc{flex:0 0 220px;padding:1rem;background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:6rem}.toc h3{margin-top:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:.5rem}.toc a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.toc a:hover{color:var(--text-primary)}.docs{display:flex;gap:2rem}.docs-content{flex:1;min-width:0}pre{background:var(--background);border:1px solid var(--surface-alt);border-radius:var(--border-radius);padding:1rem;overflow-x:auto;box-shadow:var(--shadow-sm)}code{font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-secondary)}.note,.warning{border-radius:var(--border-radius);padding:1rem;margin:1.5rem 0;font-size:.95rem}.note{background:#3b82f61a;border-left:4px solid #3b82f6;color:var(--text-secondary)}.warning{background:#eab3081a;border-left:4px solid #facc15;color:var(--text-primary)}@media (max-width: 1024px){.docs{flex-direction:column}.toc{position:relative;top:0;width:100%}}.contact-form{background:var(--surface);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:600px;margin:2rem auto;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--surface-alt)}.contact-form input,.contact-form textarea{background:#fff;border:1px solid var(--surface-alt);color:var(--text-primary)}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.contact-form .github-link{font-size:.9rem;color:var(--text-secondary);position:relative}.contact-form .github-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--gradient-primary);transition:width .3s ease}.contact-form .github-link:hover{color:var(--text-primary)}.contact-form .github-link:hover:after{width:100%}