:root{--bg-color: #ffffff;--text-color: #333333;--header-bg: #f8f9fa;--border-color: #e9ecef;--link-color: #0066cc;--link-hover: #004499;--code-bg: #f8f9fa;--shadow: rgba(0, 0, 0, 0.1)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #e0e0e0;--header-bg: #2d2d2d;--border-color: #404040;--link-color: #66b3ff;--link-hover: #99ccff;--code-bg: #2d2d2d;--shadow: rgba(0, 0, 0, 0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;transition:background-color .3s ease}nav{max-width:800px;margin:0 auto;padding:0 2rem;display:flex;justify-content:flex-end}#theme-toggle{background:none;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#theme-toggle:hover{background-color:var(--border-color);transform:scale(1.1)}main{min-height:calc(100vh - 140px)}.container{max-width:800px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}h1 a{color:inherit;text-decoration:none}h1 a:hover{color:var(--link-color)}h2{font-size:1.8rem;margin:2rem 0 1rem 0;color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}h3{font-size:1.4rem;margin:1.5rem 0 .5rem 0;color:var(--text-color)}p{margin-bottom:1rem}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-hover);text-decoration:underline}ul,ol{margin:1rem 0 1rem 2rem}ul li,ol li{margin-bottom:.5rem}ul ul,ul ol,ol ul,ol ol{margin-top:.5rem;margin-bottom:.5rem}code{background-color:var(--code-bg);padding:.2rem .4rem;border-radius:3px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.9em}pre{background-color:var(--code-bg);padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0}pre code{background:none;padding:0}footer{background-color:var(--header-bg);border-top:1px solid var(--border-color);padding:2rem 0;text-align:center;margin-top:3rem;transition:background-color .3s ease}footer p{margin:0;color:var(--text-color);opacity:.7}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}nav{padding:0 1rem}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}