#skills-nav-root{--bg: #ECE4D1;--panel: #F0E9D6;--cream: #F4ECD8;--deep: #1A2F4A;--brass: #A88758;--brass-d: #7E6336;--border: rgba(168,135,88,.25);--muted: #5A7A99;--shadow: 0 2px 16px rgba(26,47,74,.07), 0 0 0 .5px rgba(168,135,88,.12);--shadow-lg: 0 8px 32px rgba(26,47,74,.12), 0 0 0 .5px rgba(168,135,88,.15);--ease: all .22s cubic-bezier(.25,.1,.25,1);font-family:Manrope,Noto Sans TC,sans-serif;color:var(--deep)}.sn-search-wrap{position:relative;margin-bottom:28px}.sn-search{width:100%;padding:12px 16px;font-size:.95em;border:1px solid var(--border);background:#1a2f4a0a;color:var(--deep);font-family:inherit;transition:var(--ease);border-radius:0;outline:none}.sn-search:focus{outline:2px solid rgba(168,135,88,.4);outline-offset:1px;border-color:#a8875880}.sn-search::placeholder{color:var(--muted)}.sn-search-results{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--border);margin-top:8px;max-height:400px;overflow-y:auto;display:none;z-index:200;box-shadow:var(--shadow-lg)}.sn-search-results.show{display:block}.sn-search-result{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--ease)}.sn-search-result:hover{background:#a8875814}.sn-search-result:last-child{border-bottom:none}.sn-sr-name{font-weight:600;color:var(--brass-d);margin-bottom:3px;font-size:.88em;font-family:Monaco,Menlo,monospace}.sn-sr-simple{font-size:.88em;color:var(--muted)}.sn-layout{display:grid!important;grid-template-columns:240px 1fr!important;gap:28px}.sn-categories{background:var(--panel);padding:20px;height:fit-content;position:sticky;top:80px;box-shadow:var(--shadow);border:.5px solid var(--border);border-top:2px solid var(--brass)}.sn-cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:"Noto Serif TC",serif;font-size:1.05em;font-weight:600;color:var(--deep)}.sn-toggle-cat{display:none;background:none;border:none;cursor:pointer;font-size:1.1em;color:var(--deep)}.sn-cat-list{display:flex!important;flex-direction:column!important;gap:6px}.sn-cat-btn{padding:9px 12px;background:#1a2f4a0a;border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--deep);font-size:.9em;font-family:inherit;transition:var(--ease)}.sn-cat-btn:hover{background:#a8875814;border-color:var(--brass)}.sn-cat-btn.active{background:var(--deep);color:#f4ecd8;border-color:var(--deep);font-weight:600}.sn-skills{background:var(--panel);padding:28px;box-shadow:var(--shadow);border:.5px solid var(--border);border-top:2px solid var(--brass)}.sn-skills-header{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.sn-skills-header h2{font-family:"Noto Serif TC",serif;font-size:1.5em;font-weight:600;color:var(--deep);margin:0}.sn-count{background:var(--deep);color:#f4ecd8;padding:5px 12px;font-size:.85em;font-weight:600}.sn-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:18px}.sn-card{background:#1a2f4a08;border:1px solid var(--border);padding:18px;cursor:pointer;transition:var(--ease);box-shadow:var(--shadow);display:flex!important;flex-direction:column!important;margin:0!important}.sn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brass);border-top:2px solid var(--brass)}.sn-card-id{font-size:.8em;font-weight:600;color:var(--brass-d);margin-bottom:7px;font-family:Monaco,Menlo,monospace;letter-spacing:.02em}.sn-card-name{font-size:1em;font-weight:600;color:var(--deep);margin-bottom:10px;font-family:"Noto Serif TC",serif}.sn-card-detail{font-size:.88em;color:var(--muted);margin-bottom:12px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sn-tags{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:auto}.sn-tag{background:#a887581a;color:var(--brass-d);padding:3px 8px;font-size:.73em;border:.5px solid var(--border);white-space:nowrap}.sn-modal{display:none;position:fixed;inset:0;z-index:9999;background:#1a2f4a73;align-items:center;justify-content:center;animation:snFadeIn .25s}.sn-modal.show{display:flex}.sn-modal-inner{background:var(--panel);padding:28px;max-width:580px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);border-top:2px solid var(--brass);animation:snSlideUp .25s}.sn-modal-close{position:absolute;top:12px;right:14px;font-size:1.6em;background:none;border:none;cursor:pointer;color:var(--muted);line-height:1}.sn-modal-close:hover{color:var(--deep)}.sn-modal-id{font-size:.9em;font-weight:600;color:var(--brass-d);margin-bottom:8px;font-family:Monaco,Menlo,monospace}.sn-modal-name{font-size:1.25em;font-weight:600;color:var(--deep);margin-bottom:16px;font-family:"Noto Serif TC",serif}.sn-modal-detail{font-size:.95em;color:var(--muted);line-height:1.8;margin-bottom:18px}.sn-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.sn-modal-tag{background:var(--deep);color:#f4ecd8;padding:5px 12px;font-size:.82em}@keyframes snFadeIn{0%{opacity:0}to{opacity:1}}@keyframes snSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.sn-layout{grid-template-columns:1fr}.sn-categories{position:static}.sn-toggle-cat{display:block}.sn-cat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sn-cat-list.hidden{display:none}}@media(max-width:560px){.sn-grid{grid-template-columns:1fr}.sn-skills{padding:16px}.sn-cat-list{grid-template-columns:1fr}}