:root{--color-background-primary: #ffffff;--color-background-secondary: #f7f7f8;--color-background-tertiary: #efefef;--color-background-info: #eef4fd;--color-text-primary: #111213;--color-text-secondary: #4a4d52;--color-text-tertiary: #9099a5;--color-text-info: #185FA5;--color-text-danger: #c0392b;--color-border-tertiary: #e2e4e8;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", Consolas, monospace}@media (prefers-color-scheme: dark){:root{--color-background-primary: #18191b;--color-background-secondary: #222326;--color-background-tertiary: #2c2d30;--color-background-info: #1a2637;--color-text-primary: #e8e9ea;--color-text-secondary: #a8adb5;--color-text-tertiary: #5e646e;--color-text-info: #6aabf0;--color-text-danger: #e05c4c;--color-border-tertiary: #2e3035}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-background-secondary);color:var(--color-text-primary);height:100dvh;overflow:hidden}#app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;height:100dvh;background:var(--color-background-primary)}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;border-bottom:1px solid var(--color-border-tertiary);background:var(--color-background-primary);position:sticky;top:0;z-index:10}.topbar-logo{font-size:14px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;white-space:nowrap}.search-wrap{flex:1;max-width:480px;margin:0 auto;position:relative}.search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--color-text-tertiary);pointer-events:none}.search-wrap input{width:100%;height:32px;padding:0 12px 0 34px;font-size:13px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-primary);outline:none;transition:border-color .15s}.search-wrap input:focus{border-color:var(--color-text-info)}.search-wrap input::placeholder{color:var(--color-text-tertiary)}.topbar-actions{display:flex;gap:6px;margin-left:auto}.btn-icon{width:30px;height:30px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);font-size:16px;transition:background .1s}.btn-icon:hover{background:var(--color-background-secondary)}.sidebar{border-right:1px solid var(--color-border-tertiary);padding:8px;overflow-y:auto;background:var(--color-background-secondary);display:flex;flex-direction:column;gap:1px}.sidebar-section-label{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:8px 8px 4px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--border-radius-md);font-size:13px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.nav-item:hover{background:var(--color-background-primary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-background-primary);color:var(--color-text-primary);font-weight:500}.nav-item i{font-size:15px;flex-shrink:0}.nav-badge{margin-left:auto;font-size:11px;background:var(--color-background-tertiary);color:var(--color-text-tertiary);padding:1px 6px;border-radius:10px}.sidebar-divider{height:1px;background:var(--color-border-tertiary);margin:4px 0}.tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.main{display:grid;grid-template-columns:280px 1fr;overflow:hidden;min-height:0}.list-pane{border-right:1px solid var(--color-border-tertiary);overflow-y:auto;display:flex;flex-direction:column;min-height:0}.list-header{padding:10px 16px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-tertiary);position:sticky;top:0;background:var(--color-background-primary);z-index:1;flex-shrink:0}.list-header-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.list-header-count{font-size:12px;color:var(--color-text-tertiary)}.tab-bar{display:flex;border-bottom:1px solid var(--color-border-tertiary);padding:0 12px;flex-shrink:0;position:sticky;top:37px;background:var(--color-background-primary);z-index:1}.tab{padding:7px 10px;font-size:12px;color:var(--color-text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .1s}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary);font-weight:500}.list-items{flex:1;overflow-y:auto}.list-item{padding:10px 16px;border-bottom:1px solid var(--color-border-tertiary);cursor:pointer;transition:background .1s}.list-item:hover{background:var(--color-background-secondary)}.list-item.active{background:var(--color-background-info)}.list-item-title{font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item.active .list-item-title{color:var(--color-text-info)}.list-item-meta{font-size:11px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:6px;margin-bottom:2px}.list-item-snippet{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.chip-note{background:#e6f1fb;color:#185fa5}.chip-faq{background:#e1f5ee;color:#0f6e56}.detail-pane{overflow-y:auto;padding:24px 28px;min-width:0}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);gap:10px}.detail-empty i{font-size:36px}.detail-empty p{font-size:13px}.detail-title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px;line-height:1.4}.detail-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-tertiary);flex-wrap:wrap;margin-bottom:14px}.detail-tags{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.tag-pill{padding:2px 8px;border-radius:10px;font-size:11px;border:1px solid var(--color-border-tertiary);color:var(--color-text-secondary);background:var(--color-background-secondary)}.detail-actions{display:flex;gap:6px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border-tertiary)}.btn-sm{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);font-size:12px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .1s;white-space:nowrap}.btn-sm:hover{background:var(--color-background-secondary)}.btn-sm i{font-size:14px}.btn-primary{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.btn-primary:hover{opacity:.85;background:var(--color-text-primary)}.btn-danger{color:var(--color-text-danger)}.btn-danger:hover{background:#fdf0ef;border-color:#f5c6c2}.detail-body{font-size:14px;line-height:1.75;color:var(--color-text-primary)}.detail-body p{margin-bottom:12px}.detail-body code{font-family:var(--font-mono);font-size:12px;background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm)}.detail-body pre{background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:14px 16px;font-size:12px;font-family:var(--font-mono);overflow-x:auto;margin-bottom:14px;line-height:1.6;white-space:pre}.detail-body pre code{background:none;border:none;padding:0}mark{background:#fac775;color:#412402;border-radius:2px;padding:0 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);width:560px;max-width:95vw;max-height:85vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:600}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{padding:8px 10px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-text-info)}.form-textarea{font-family:var(--font-mono);font-size:12px;min-height:160px;resize:vertical;line-height:1.6}.form-tags-wrap{display:flex;flex-wrap:wrap;gap:6px}.tag-checkbox{display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--color-border-tertiary);border-radius:10px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);transition:background .1s,border-color .1s}.tag-checkbox.selected{border-color:currentColor;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:8px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--color-text-tertiary);gap:8px}.empty-state i{font-size:32px}.empty-state p{font-size:13px}