.search-container{position:relative;width:100%;max-width:340px}.search-container .search-input-wrapper{position:relative;display:flex;align-items:center}.search-container .search-icon{position:absolute;left:.625rem;width:1rem;height:1rem;color:#9ca3af;pointer-events:none}.search-container .search-input{width:100%;padding:.4375rem 2rem;font-size:.8125rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#1f2937;outline:none;transition:all .15s ease}.search-container .search-input:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af1a}.search-container .search-input::placeholder{color:#9ca3af}.search-container .search-clear{position:absolute;right:.375rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:.25rem;transition:all .15s ease}.search-container .search-clear:hover{color:#6b7280;background:#f3f4f6}.search-container .search-clear svg{width:.875rem;height:.875rem}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;z-index:50;overflow:hidden}.search-dropdown .search-results{max-height:320px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;text-decoration:none;color:inherit;transition:background .1s ease;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item-selected{background:#f3f4f6}.dropdown-item-selected{outline:none}.dropdown-badge{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.dropdown-icon{width:.875rem;height:.875rem}.dropdown-thumb{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.dropdown-name{flex:1;font-size:.8125rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-type{flex-shrink:0;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.01em}.dropdown-empty{padding:.75rem 1rem;text-align:center;font-size:.8125rem;color:#9ca3af}.search-show-all{display:block;padding:.5rem .75rem;text-align:center;font-size:.75rem;font-weight:500;color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;text-decoration:none;transition:all .1s ease}.search-show-all:hover{background:#f3f4f6;color:#1f2937}.search-show-all .result-count{font-weight:600}:root{--color-bg: #faf9f7;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #d4d4d4;--color-primary: #0066cc;--color-primary-hover: #0052a3;--color-card-bg: #ffffff;--color-card-shadow: rgba(0, 0, 0, .08);--color-code-bg: #f5f5f5;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}main.container{padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 200px)}header{border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 0;background:linear-gradient(135deg,#ffe4e6,#e0e7ff,#e0f2fe);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}header .container{padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex-shrink:0}.header-spacer{flex:1}.header-search{flex-shrink:1;min-width:0}.header-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-top:4px}.header-logo img{width:100%;height:100%;object-fit:contain}.header-title{font-size:1.25rem;font-weight:600;margin:0}.header-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem .375rem .75rem;background:#0000000d;border-radius:2rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:all .2s;flex-shrink:0}.header-badge:hover{background:#0000001a;color:var(--color-text)}.header-badge picture{display:flex;align-items:center}.header-badge-icon{width:14px;height:14px;object-fit:contain;opacity:.7;display:block;transform:translateY(1px)}.header-badge:hover .header-badge-icon{opacity:1}.hljs{background:#1e1e1e;color:#d4d4d4}.hljs-comment,.hljs-quote{color:#6a9955;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name{color:#569cd6}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#ce9178}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title.function_{color:#b5cea8}.hljs-function,.hljs-title.function_{color:#dcdcaa}.hljs-class .hljs-title,.hljs-title.class_{color:#4ec9b0}.hljs-variable,.hljs-template-variable,.hljs-attr{color:#9cdcfe}.hljs-params{color:#d4d4d4}.hljs-regexp{color:#d16969}.hljs-tag{color:gray}.hljs-tag .hljs-name{color:#569cd6}.hljs-tag .hljs-attr{color:#9cdcfe}.hljs-deletion{color:#ce9178;background-color:#ce91781a}.hljs-addition{color:#b5cea8;background-color:#b5cea81a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.site-footer{margin-top:6rem;padding:2rem 0;border-top:1px solid #e5e7eb;background:#f9fafb}.site-footer .container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem}.footer-text{font-size:.8125rem;color:#9ca3af}.footer-separator{font-size:.8125rem;color:#d1d5db}.footer-link{font-size:.8125rem;color:#9ca3af;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#6b7280}@media(max-width:768px){header .container{gap:1rem}.header-title,.header-search{display:none}}