*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;color:#333}.wrapper{display:flex;min-height:100vh}nav.sidebar{width:240px;min-width:240px;background:#f5f5f5;border-right:1px solid #ddd;padding:30px 20px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto}nav.sidebar h2{font-size:1.1em;margin:0 0 8px}nav.sidebar h2 a{text-decoration:none;color:#333}nav.sidebar p{font-size:0.85em;color:#666;margin:0 0 20px}nav.sidebar ul{list-style:none;padding:0;margin:0}nav.sidebar ul li{margin-bottom:8px}nav.sidebar ul li a{text-decoration:none;color:#0366d6;font-size:0.95em}nav.sidebar ul li a:hover,nav.sidebar ul li a.active{text-decoration:underline;font-weight:bold}main.content{margin-left:240px;padding:40px 60px;flex:1;max-width:100%}main.content img{max-width:100%;border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:4px}main.content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:0.95em}main.content table th,main.content table td{border:1px solid #ccc;padding:10px 14px;text-align:left}main.content table th{background-color:#f0f0f0;font-weight:bold}main.content table tr:nth-child(even){background-color:#f9f9f9}main.content table tr:hover{background-color:#f1f6ff}main.content blockquote{background-color:#fff8e1;border-left:4px solid #f0c040;margin:20px 0;padding:12px 16px;color:#555;border-radius:0 4px 4px 0}main.content blockquote p{margin:0}main.content ul li,main.content ol li{margin-bottom:6px}main.content code{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;padding:2px 5px;font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size:0.88em;color:#c7254e}main.content pre{background-color:#f6f8fa;border:1px solid #ddd;border-radius:6px;padding:16px;overflow-x:auto;margin:16px 0;position:relative}main.content pre .copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:0.78em;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;opacity:0;transition:opacity 0.2s}main.content pre:hover .copy-btn{opacity:1}main.content pre .copy-btn:active{background:#e0e0e0}main.content pre code{background:none;border:none;padding:0;color:#333;font-size:0.9em;line-height:1.6}@media screen and (max-width: 768px){.wrapper{flex-direction:column}nav.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid #ddd}main.content{margin-left:0;padding:20px}}