:root{--color-text-weak: #999}body{background-color:#f9f9f9;color:#333;margin:0;padding:0}.layout{min-height:100vh}.header{position:fixed;z-index:10;width:100%;padding:0;background:#001529;box-shadow:0 2px 4px #0000001a}.header-title{float:left;color:#fff;font-size:18px;margin-left:20px;font-weight:700;line-height:64px}.content{padding:0 16px;margin-top:64px;background-color:#fff;min-height:calc(100vh - 128px)}.footer{text-align:center;padding:16px 0;background-color:#f9f9f9;color:#666;position:fixed;bottom:0;width:100%;box-shadow:0 -2px 4px #0000001a}.ant-typography-title{color:#333;margin-bottom:16px}.ant-typography-paragraph{color:#555;line-height:1.6;margin-bottom:16px}.ant-card{margin-bottom:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ant-layout-sider{background:#fff;box-shadow:2px 0 4px #0000001a}.ant-menu{border-right:0}.ant-menu-item{color:#333}.ant-menu-item-selected{background-color:#e6f7ff;color:#1890ff}@media (max-width: 768px){.content{padding:0 12px}.ant-card{margin-bottom:16px}pre code{padding:12px}}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar:hover{scrollbar-width:thin;-ms-overflow-style:auto}.custom-scrollbar:hover::-webkit-scrollbar{display:block}.numbered-code-line:before{content:attr(data-line-number);margin-left:-8px;margin-right:16px;width:1rem;color:var(--color-text-weak);text-align:right;display:inline-block}