:root{--cy-bg:#fbf8f2;--cy-surface:#fff;--cy-border:#f0e7d8;--cy-text:#4a3f2e;--cy-text-secondary:#8c8272;--cy-primary:#e8963c;--cy-primary-deep:#d97f1f;--cy-primary-soft:#fdf3e4;--cy-radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 480px at 50% -160px, #fdeecd 0%, #fdeecd00 70%), var(--cy-bg);min-height:100vh;color:var(--cy-text);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}.nav[data-v-ecdf5b82]{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:16px 16px 0;display:flex}.nav-link[data-v-ecdf5b82]{color:var(--cy-text-secondary);border:1px solid #0000;border-radius:999px;padding:7px 16px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.nav-link[data-v-ecdf5b82]:hover,.nav-link.current[data-v-ecdf5b82]{color:var(--cy-primary-deep);background:var(--cy-primary-soft)}.nav-link.current[data-v-ecdf5b82]{border-color:var(--cy-border);font-weight:600}.hero[data-v-ecdf5b82]{text-align:center;padding:40px 24px 8px}.logo[data-v-ecdf5b82]{width:56px;height:56px;color:var(--cy-primary)}.title[data-v-ecdf5b82]{letter-spacing:8px;text-indent:8px;color:var(--cy-text);margin:16px 0 0;font-size:32px;font-weight:700}.subtitle[data-v-ecdf5b82]{letter-spacing:2px;color:var(--cy-text-secondary);margin:10px 0 0;font-size:14px}.note[data-v-ecdf5b82]{max-width:560px;color:var(--cy-primary-deep);background:var(--cy-primary-soft);border-radius:var(--cy-radius);border:1px solid #f3d9ae;margin:18px auto 0;padding:10px 16px;font-size:13px;line-height:1.6}.note-text[data-v-ecdf5b82]{margin:0}.note-dismiss[data-v-ecdf5b82]{color:var(--cy-primary-deep);cursor:pointer;background:0 0;border:1px solid #ecd3a8;border-radius:999px;margin-top:8px;padding:4px 12px;font-family:inherit;font-size:12px;transition:background .15s}.note-dismiss[data-v-ecdf5b82]:hover{background:#e8963c24}.main[data-v-ecdf5b82]{max-width:960px;margin:0 auto;padding:24px 24px 64px}.toolbar[data-v-ecdf5b82]{flex-direction:column;gap:14px;margin-top:12px;display:flex}.search[data-v-ecdf5b82]{border:1px solid var(--cy-border);width:100%;color:var(--cy-text);background:var(--cy-surface);border-radius:999px;outline:none;padding:12px 20px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.search[data-v-ecdf5b82]:focus{border-color:var(--cy-primary);box-shadow:0 6px 18px #d97f1f1a}.tags[data-v-ecdf5b82]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag[data-v-ecdf5b82]{border:1px solid var(--cy-border);background:var(--cy-surface);color:var(--cy-text-secondary);cursor:pointer;border-radius:999px;padding:6px 15px;font-family:inherit;font-size:13px;transition:all .15s}.tag[data-v-ecdf5b82]:hover{color:var(--cy-primary-deep);border-color:#f3d9ae}.tag.active[data-v-ecdf5b82]{background:var(--cy-primary);border-color:var(--cy-primary);color:#fff;font-weight:600}.count[data-v-ecdf5b82]{color:var(--cy-text-secondary);margin:18px 2px 14px;font-size:12px}.grid[data-v-ecdf5b82]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card[data-v-ecdf5b82]{background:var(--cy-surface);border:1px solid var(--cy-border);border-radius:var(--cy-radius);flex-direction:column;padding:18px 18px 16px;transition:box-shadow .2s,border-color .2s;display:flex}.card[data-v-ecdf5b82]:hover{border-color:#f3d9ae;box-shadow:0 8px 24px #d97f1f1a}.card-head[data-v-ecdf5b82]{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-name[data-v-ecdf5b82]{color:var(--cy-text);margin:0;font-size:16px;font-weight:600}.card-tag[data-v-ecdf5b82]{color:var(--cy-primary-deep);background:var(--cy-primary-soft);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px}.card-desc[data-v-ecdf5b82]{color:var(--cy-text-secondary);flex:1;margin:10px 0 14px;font-size:13px;line-height:1.6}.card-actions[data-v-ecdf5b82]{gap:8px;display:flex}.btn[data-v-ecdf5b82]{text-align:center;color:var(--cy-text-secondary);background:var(--cy-bg);border:1px solid var(--cy-border);border-radius:9px;flex:1;padding:8px 0;font-size:13px;text-decoration:none;transition:all .15s}.btn[data-v-ecdf5b82]:hover{color:var(--cy-primary-deep);border-color:#f3d9ae}.btn.primary[data-v-ecdf5b82]{color:#fff;background:var(--cy-primary);border-color:var(--cy-primary);font-weight:600}.btn.primary[data-v-ecdf5b82]:hover{background:var(--cy-primary-deep);color:#fff}.empty[data-v-ecdf5b82]{text-align:center;color:var(--cy-text-secondary);margin:48px 0;font-size:14px}.footer[data-v-ecdf5b82]{text-align:center;letter-spacing:2px;color:var(--cy-text-secondary);padding:24px;font-size:12px}.footer p[data-v-ecdf5b82]{margin:0}@media (width<=860px){.grid[data-v-ecdf5b82]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero[data-v-ecdf5b82]{padding:32px 20px 4px}.title[data-v-ecdf5b82]{letter-spacing:6px;text-indent:6px;font-size:26px}.main[data-v-ecdf5b82]{padding:20px 16px 56px}.grid[data-v-ecdf5b82]{grid-template-columns:1fr;gap:12px}.tags[data-v-ecdf5b82]{justify-content:flex-start}.count[data-v-ecdf5b82]{margin-top:14px}}