*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.6;min-height:100vh;display:flex}.sidebar{width:350px;background:linear-gradient(180deg, #1a1a1a 0%, #252525 100%);padding:2rem;border-right:1px solid #333;position:fixed;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.site-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #333}.sidebar .site-header .avatar{position:relative !important;display:block !important;width:250px !important;height:250px !important;border-radius:50% !important;overflow:hidden !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:1rem !important}.sidebar .site-header .avatar>img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;z-index:1;left:0;right:0;margin-left:auto;margin-right:auto}.site-title{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;background:linear-gradient(135deg, #f44 0%, #f66 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-tagline{color:#a0a0a0;font-size:0.9rem}.nav-menu{flex-grow:1}.nav-menu ul{list-style:none}.nav-menu li{margin-bottom:0.5rem}.nav-menu a{color:#e0e0e0;text-decoration:none;padding:0.75rem 1rem;display:block;border-radius:8px;transition:all 0.3s ease}.nav-menu a:hover{background:#252525;transform:translateX(5px)}.nav-menu a.active{background:#f44;color:white}.nav-submenu{margin-left:1rem;margin-top:0.5rem;padding-left:1rem;border-left:2px solid #333}.nav-submenu a{font-size:0.9rem;padding:0.5rem 0.75rem}.main-wrapper{margin-left:350px;flex:1;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:3rem;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.content-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #333}.content-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg, #fff 0%, #a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-meta{color:#a0a0a0;font-size:0.9rem}.article-content{background:#1a1a1a;padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.3);margin-bottom:2rem;box-sizing:border-box;max-width:100vw;overflow-x:auto}.article-content h2{color:#f44;margin:2rem 0 1rem;font-size:1.8rem}.article-content h3{color:#e0e0e0;margin:1.5rem 0 1rem;font-size:1.4rem}.article-content p{margin-bottom:1rem;line-height:1.8}.article-content ul{margin-left:2rem;color:#a0a0a0}.article-content code{background:#252525;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Courier New', monospace;color:#f44}.article-content pre{background:#252525;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0;border:1px solid #333}.article-content pre code{background:none;padding:0;color:#e0e0e0}.article-content img,.article-content video,.article-content iframe,.article-content embed,.article-content object{max-width:100% !important;height:auto !important;display:block;margin:1rem auto}.article-content video{width:100% !important;object-fit:contain}.article-content img[src$=".gif"]{max-width:100% !important;width:auto !important;height:auto !important}.article-content iframe{width:100% !important;height:450px !important;max-height:450px !important}.article-content p>img,.article-content p>video{display:block;margin:1rem auto}.article-content ass{font-size:1.2rem}.html-content{box-sizing:border-box;max-width:100vw;overflow-x:auto}.html-content img,.html-content video,.html-content iframe,.html-content embed,.html-content object{max-width:100% !important;width:auto !important;height:auto !important;display:block;margin:1rem auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.html-content video{width:100% !important;max-height:600px !important}.html-content *{max-width:100% !important}.html-content table{max-width:100vw;overflow-x:auto;display:block}.footer{background:#1a1a1a;padding:2rem 3rem;border-top:1px solid #333;text-align:center;color:#a0a0a0}.footer a{color:#f44;text-decoration:none}.footer a:hover{color:#f66}.menu-toggle{display:none;position:fixed;top:1.2rem;left:1.2rem;z-index:1001;background:#f44;color:#fff;border:0;border-radius:8px;padding:.75rem 1rem;font-size:1.2rem}a{color:#f44;text-decoration:underline}.article-content,.html-content,.main-content{line-height:2.2 !important}@keyframes float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.menu-toggle{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(80vw, 320px);height:100vh;background:#1a1a1a;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translateX(0)}body.no-scroll{overflow:hidden}.main-wrapper{margin-left:0}.main-wrapper{margin-left:0}.main-content{padding:1rem;padding-top:2.5rem;max-width:100vw}.article-content,.html-content{padding:1rem;max-width:100vw;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);overflow-x:auto}.article-content iframe,.html-content iframe{height:300px !important}.article-content video,.html-content video{max-height:400px !important}.article-content h1,.html-content h1{font-size:1.5rem}.article-content h2,.html-content h2{font-size:1.2rem}.article-content h3,.html-content h3{font-size:1rem}.article-content p,.article-content ul,.article-content code,.article-content pre,.html-content p,.html-content ul,.html-content code,.html-content pre{font-size:1rem}.article-content table,.html-content table{max-width:100vw;overflow-x:auto;display:block}}