.family-page[data-v-83a8b85b]{max-width:1180px;margin:0 auto;padding:24px 24px 80px}.page-hero[data-v-83a8b85b]{padding:28px 0 24px;border-bottom:1px solid var(--stroke-gold);margin-bottom:28px}.hero-title[data-v-83a8b85b]{margin:0 0 8px;font-size:30px;letter-spacing:4px;color:var(--text-primary)}.hero-sub[data-v-83a8b85b]{margin:0;color:var(--text-secondary);font-size:14px}.family-grid[data-v-83a8b85b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.family-card[data-v-83a8b85b]{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--stroke-gold);border-radius:12px;background:var(--bg-secondary);color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}.family-card[data-v-83a8b85b]:hover{transform:translateY(-2px);border-color:var(--stroke-gold-strong)}.card-cover[data-v-83a8b85b]{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(160deg,#17120d,#0b0907)}.card-cover img[data-v-83a8b85b]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.family-card:hover .card-cover img[data-v-83a8b85b]{transform:scale(1.045)}.cover-fallback[data-v-83a8b85b]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--gold-soft);opacity:.5}.card-body[data-v-83a8b85b]{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px 18px 18px}.surname-badge[data-v-83a8b85b]{position:absolute;left:12px;bottom:12px;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(214,178,110,.55);border-radius:8px;background:#100c09a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ecd3a2;font-size:18px;font-weight:700}.card-title[data-v-83a8b85b]{margin:0;font-size:18px;color:var(--text-primary)}.card-origin[data-v-83a8b85b]{margin:0;color:var(--gold-soft);font-size:13px}.card-desc[data-v-83a8b85b]{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot[data-v-83a8b85b]{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.card-meta[data-v-83a8b85b]{color:var(--text-muted);font-size:12px}.card-link[data-v-83a8b85b]{color:var(--accent-gold);font-size:13px}.pagination[data-v-83a8b85b]{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:16px}.page-btn[data-v-83a8b85b]{padding:8px 16px;border:1px solid var(--stroke-gold);border-radius:8px;color:var(--text-secondary);font-size:13px;text-decoration:none}.page-btn[data-v-83a8b85b]:not(.disabled):hover{color:var(--accent-gold);border-color:var(--stroke-gold-strong)}.page-btn.disabled[data-v-83a8b85b]{opacity:.4;cursor:not-allowed}.page-info[data-v-83a8b85b]{font-size:13px}.page-info[data-v-83a8b85b],.state[data-v-83a8b85b]{color:var(--text-muted)}.state[data-v-83a8b85b]{padding:80px 0;text-align:center;font-size:14px}