:root{--primary-color:#1890ff;--text-color:#333;--text-secondary:#666;--bg-color:#f5f5f5;--border-color:#e8e8e8;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.app-layout{min-height:100vh}.app-header{height:var(--header-height);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.app-logo{color:var(--primary-color);font-size:20px;font-weight:600;text-decoration:none}.app-nav{gap:24px;display:flex}.app-nav a{color:var(--text-color);text-decoration:none}.app-nav a:hover{color:var(--primary-color)}.app-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.app-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);background:#fff;padding:24px}.home-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:32px;padding:48px 24px}.home-hero h1{margin-bottom:16px;font-size:36px}.home-hero p{opacity:.9;font-size:18px}.category-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:32px;display:grid}.category-card{cursor:pointer;border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:24px;transition:all .3s}.category-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.category-card h3{margin-bottom:8px;font-size:18px}.category-card p{color:var(--text-secondary);font-size:14px}.category-card .count{color:var(--primary-color);margin-top:12px;font-weight:600}.document-list{background:#fff;border-radius:8px;padding:24px}.document-item{border-bottom:1px solid var(--border-color);padding:16px 0}.document-item:last-child{border-bottom:none}.document-item h3{margin-bottom:8px;font-size:16px}.document-item h3 a{color:var(--text-color);text-decoration:none}.document-item h3 a:hover{color:var(--primary-color)}.document-item .meta{color:var(--text-secondary);gap:16px;font-size:14px;display:flex}.document-detail{background:#fff;border-radius:8px;padding:32px}.document-detail h1{margin-bottom:16px;font-size:28px}.document-detail .meta{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.document-content{line-height:1.8}.document-content h1,.document-content h2,.document-content h3{margin-top:24px;margin-bottom:16px}.document-content p{margin-bottom:16px}.document-content pre{background:#f6f8fa;border-radius:6px;margin:16px 0;padding:16px;overflow-x:auto}.document-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.document-content blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);margin:16px 0;padding-left:16px}.toc{top:calc(var(--header-height) + 24px);background:#fff;border-radius:8px;padding:16px;position:sticky}.toc h4{margin-bottom:12px}.toc ul{list-style:none}.toc li{padding:4px 0;font-size:14px}.toc a{color:var(--text-secondary);text-decoration:none}.toc a:hover{color:var(--primary-color)}.admin-layout{min-height:100vh}.admin-sider{background:#fff}.admin-content{background:var(--bg-color);padding:24px}.markdown-editor{grid-template-columns:1fr 1fr;gap:16px;min-height:400px;display:grid}.editor-pane,.preview-pane{border:1px solid var(--border-color);background:#fff;border-radius:8px}.editor-pane textarea{resize:none;border:none;outline:none;width:100%;height:100%;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.preview-pane{padding:16px;overflow-y:auto}.search-box{margin-bottom:24px}.search-input{border:1px solid var(--border-color);border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 16px;font-size:16px}.search-input:focus{border-color:var(--primary-color)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--text-secondary);background:#f0f0f0;border-radius:12px;padding:4px 12px;font-size:12px}.empty-state{text-align:center;color:var(--text-secondary);padding:48px}.loading{justify-content:center;align-items:center;padding:48px;display:flex}@media (width<=768px){.app-header{padding:0 16px}.app-content{padding:16px}.home-hero{padding:32px 16px}.home-hero h1{font-size:24px}.markdown-editor{grid-template-columns:1fr}}