:root{--bg: #f5f6f8;--card: #ffffff;--text: #1f2328;--text-muted: #6b7280;--border: #e5e7eb;--accent: #4f46e5;--accent-contrast: #ffffff;--chip-bg: #eef2ff;--chip-active-bg: #4f46e5;--chip-active-text: #ffffff;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-hover: 0 6px 20px rgba(16, 24, 40, .1);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--card: #161b22;--text: #e6edf3;--text-muted: #8b949e;--border: #30363d;--accent: #818cf8;--accent-contrast: #0d1117;--chip-bg: #21262d;--chip-active-bg: #818cf8;--chip-active-text: #0d1117;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.page{max-width:1180px;margin:0 auto;padding:32px 20px 48px}.site-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:22px}.site-header h1{margin:0;font-size:28px;letter-spacing:.5px}.subtitle{margin:4px 0 0;color:var(--text-muted);font-size:14px}.stats{color:var(--text-muted);font-size:14px}.stats b{color:var(--text)}.toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0 12px;box-shadow:var(--shadow)}.search .icon{color:var(--text-muted);flex:none}.search input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:15px;padding:11px 0;font-family:inherit}.search input::-webkit-search-cancel-button{display:none}.tag-filter{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);border-radius:999px;padding:3px 12px;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:inherit}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.chip .count{opacity:.65;margin-left:4px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 18px 14px;box-shadow:var(--shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.title{margin:0;font-size:17px;line-height:1.4}.title a{color:var(--text);text-decoration:none}.title a:hover{color:var(--accent)}.summary{margin:0;color:var(--text-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.card .tags{display:flex;flex-wrap:wrap;gap:6px}.card .chip{padding:2px 10px;font-size:12px}.meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--text-muted);font-size:12.5px;margin-top:auto}.actions{display:flex;gap:8px}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:6px 14px;font-size:13.5px;cursor:pointer;text-decoration:none;transition:all .15s ease;font-family:inherit}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover{opacity:.88}.hint{color:var(--text-muted);text-align:center;padding:40px 0}.error-panel .btn{margin-top:10px}.empty{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty h2{color:var(--text);margin:0 0 8px}.empty pre{text-align:left;display:inline-block;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.7;max-width:100%;overflow-x:auto}footer{margin-top:40px;text-align:center;color:var(--text-muted);font-size:13px}footer code{background:var(--chip-bg);border-radius:4px;padding:1px 6px;font-size:12px}@media (max-width: 640px){.page{padding:20px 14px 36px}.site-header h1{font-size:22px}}