*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;color:#333;background:#fafafa;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}a{color:#2563eb;text-decoration:none;transition:color .2s}a:hover{color:#1043b3}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:600;line-height:1.3}p{margin-top:0;margin-bottom:1em}.site-header{background:#1a1a2e;color:#fff;padding:0 1rem;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.site-logo{color:#fff;font-size:1.125rem;font-weight:600}.site-logo:hover{color:#fffc}@media(max-width:768px){.desktop-nav{display:none}}.desktop-nav .nav-menu{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}.desktop-nav .nav-item{margin:0}.desktop-nav .nav-link{color:#fffc;font-size:.9rem;padding:.5rem 0;display:block;position:relative}.desktop-nav .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .2s ease}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active{color:#fff}.desktop-nav .nav-link:hover:after,.desktop-nav .nav-link.active:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:none;border:none;cursor:pointer}@media(max-width:768px){.mobile-menu-btn{display:flex}}.mobile-menu-btn .hamburger-line{display:block;width:100%;height:2px;background:#fff;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;background:#11111e;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.mobile-nav[aria-hidden=false]{display:block}}.mobile-nav .mobile-nav-menu{list-style:none;margin:0;padding:.5rem 0}.mobile-nav .mobile-nav-item{margin:0}.mobile-nav .mobile-nav-link{display:block;padding:.75rem 1rem;color:#fffc;font-size:1rem;border-left:3px solid transparent;transition:background .2s,border-color .2s,color .2s}.mobile-nav .mobile-nav-link:hover{background:#ffffff0d;color:#fff}.mobile-nav .mobile-nav-link.active{color:#fff;border-left-color:#2563eb;background:#ffffff0d}.main-content{flex:1;padding:2rem 1rem;max-width:900px;width:100%;margin:0 auto}@media(max-width:768px){.main-content{padding:1.5rem 1rem}}.site-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;padding:1.5rem 1rem;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;text-align:center;font-size:.875rem;color:#666}.footer-links{margin-bottom:.5rem}.footer-links a{color:#666}.footer-links a:hover{color:#2563eb}.copyright{color:#888}.content-article h1{font-size:1.75rem;color:#1a1a2e;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.content-article h2{font-size:1.4rem;margin-top:2rem;margin-bottom:.75rem}.content-article h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem}.content-article ul,.content-article ol{margin:1rem 0;padding-left:1.5rem}.content-article li{margin-bottom:.5rem}.content-article code{background:#f0f0f0;padding:.2em .4em;border-radius:3px;font-size:.9em}.content-article pre{background:#282c34;color:#abb2bf;padding:1rem;border-radius:6px;overflow-x:auto}.content-article pre code{background:none;padding:0}.content-article blockquote{border-left:4px solid #2563eb;margin:1.5rem 0;padding:.5rem 1rem;background:#f8f9fa;color:#555}.content-article img{border-radius:4px;margin:1rem 0}.content-article table{width:100%;border-collapse:collapse;margin:1rem 0}.content-article table th,.content-article table td{border:1px solid #ddd;padding:.75rem;text-align:left}.content-article table th{background:#f5f5f5;font-weight:600}.content-article table tr:nth-child(2n){background:#fafafa}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.card h3 a{color:#1a1a2e}.card h3 a:hover{color:#2563eb}.card p{color:#666;font-size:.9rem;margin-bottom:0}