:root{--primary: #409EFF;--primary-light: #E8F3FF;--border-color: #E5E7EB;--text-primary: #333333;--text-secondary: #606266;--bg-light: #F5F7FA;--bg-gray: #F9F9F9;--code-bg: #F5F5F5}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{color:var(--text-primary);background-color:#fff;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul{margin-left:20px}li{margin:8px 0}code{background-color:var(--code-bg);padding:2px 6px;border-radius:3px;font-size:.9em;font-family:monospace}.container{display:flex;min-height:100vh;overflow:hidden}.sidebar .desktop{position:fixed;top:0;left:0;width:100px!important;height:100vh;overflow-y:auto;z-index:10}.main-content{flex:1;padding:30px 20px;max-width:900px;width:100%;margin-left:100px;margin-right:auto;max-height:100vh;overflow-y:auto;scroll-behavior:smooth}@media(min-width:768px){.container{flex-direction:row}}.sidebar{width:100%;background-color:var(--bg-light);border-right:1px solid var(--border-color);padding:20px 0}.sidebar-header{padding:0 20px 15px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.sidebar-header h1{font-size:1.25rem;margin-bottom:5px}.sidebar-header p{font-size:.875rem;color:var(--text-secondary)}.nav-list{list-style:none;margin:0}.nav-item{margin:0}.nav-link{display:block;padding:10px 20px;font-size:.875rem;color:var(--text-primary);transition:all .2s}.nav-link:hover{background-color:#00000008;text-decoration:none}.nav-link.active{background-color:var(--primary-light);color:var(--primary);border-right:3px solid var(--primary)}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.mobile-header h1{font-size:1.1rem}.menu-btn{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer}.mobile-menu{background-color:var(--bg-light);border-bottom:1px solid var(--border-color);display:none}.mobile-menu.show{display:block}.mobile-menu .nav-link{padding:10px 20px;border-bottom:1px solid var(--border-color)}.main-content{flex:1;padding:30px 20px;max-width:900px;margin:0 auto;width:100%}.page-title{margin-bottom:30px}.page-title h1{font-size:1.8rem;margin-bottom:8px}.page-title p{color:var(--text-secondary)}.doc-link{margin-bottom:20px;font-size:1rem}.tip-box{background-color:#f0f9ff;border:1px solid #E0EFFF;border-radius:4px;padding:15px;margin-bottom:30px}.tip-box p{margin:8px 0}.tip-box .title{font-weight:700;margin-bottom:10px}.section{margin-bottom:40px}.section-title{font-size:1.5rem;padding-bottom:10px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tech-stack{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}@media(min-width:768px){.tech-stack{grid-template-columns:repeat(3,1fr)}}.tech-item{background-color:var(--bg-gray);border:1px solid var(--border-color);border-radius:4px;padding:20px}.tech-item h3{margin-bottom:10px;font-size:1.1rem}.doc-button{display:inline-block;background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:4px;margin-top:10px;transition:background-color .2s}.doc-button:hover{background-color:#3688e7;color:#fff;text-decoration:none}@media(max-width:767px){.container{flex-direction:column}.sidebar.desktop{display:none}.main-content{margin-left:0;max-height:none;overflow-y:visible;padding-top:10px}}@media(min-width:768px){.mobile-header,.mobile-menu{display:none}.sidebar.desktop{display:block;width:250px}}.sidebar.desktop::-webkit-scrollbar{width:5px}.sidebar.desktop::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.markdown-features h2[data-v-46f42c0e]{color:#1a237e;margin:20px 0}.markdown-features h3[data-v-46f42c0e]{color:#2c3e50;margin:15px 0}.markdown-features ol[data-v-46f42c0e],.markdown-features ul[data-v-46f42c0e]{margin:10px 0 15px 20px}.markdown-features p[data-v-46f42c0e]{line-height:1.6;margin:8px 0}