.card[data-v-3168f206]{--ink:#171a1f;--ink2:#3d434c;--mut:#6b7280;--line:#e4e6ea;--soft:#f4f5f7;--acc:#e35205;--acc-d:#c04305;--ok:#1a7f4b;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,transform .15s}.card[data-v-3168f206]:hover{box-shadow:0 10px 28px #14161a1f;transform:translateY(-2px)}.card .ph[data-v-3168f206]{aspect-ratio:4/3;background:#fff;overflow:hidden;padding:20px}.card .ph[data-v-3168f206],.card .ph picture[data-v-3168f206]{align-items:center;display:flex;justify-content:center}.card .ph picture[data-v-3168f206]{height:100%;width:100%}.card .ph img[data-v-3168f206]{height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.card .bd[data-v-3168f206]{border-top:1px solid var(--line);display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 16px 16px}.card .cat[data-v-3168f206]{color:var(--mut);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.card .name[data-v-3168f206]{color:var(--ink);font-size:16px;font-weight:800;letter-spacing:.3px}.card .sz[data-v-3168f206]{color:var(--ink2);font-size:13.5px}.card .act[data-v-3168f206]{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:10px}.card .act .view[data-v-3168f206]{color:var(--acc);font-size:13.5px;font-weight:700;white-space:nowrap}.card .act .view[data-v-3168f206]:hover{color:var(--acc-d)}.card .act .add[data-v-3168f206]{background:#fff;border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);cursor:pointer;font-size:12.5px;font-weight:700;margin-left:auto;padding:6px 10px;white-space:nowrap}.card .act .add[data-v-3168f206]:hover{background:var(--ink);color:#fff}.card .act .add.in[data-v-3168f206]{background:var(--ok);border-color:var(--ok);color:#fff}