.dual-signs-index[data-v-a32265b4]{margin:0 auto;max-width:var(--max-width);padding:var(--space-4)}.dual-index-hero[data-v-a32265b4]{background:var(--gradient-hero);border-radius:var(--radius-xl);color:var(--color-text-inverse);margin-bottom:var(--space-8);padding:var(--space-12) var(--space-8);text-align:center}.dual-index-hero h1[data-v-a32265b4]{font-family:var(--font-heading);font-size:var(--text-4xl);margin:0 0 var(--space-3)}.dual-index-hero p[data-v-a32265b4]{color:var(--gold-300);font-size:var(--text-lg);margin:0 auto;max-width:600px}.dual-search-wrap[data-v-a32265b4]{margin:0 auto var(--space-8);max-width:500px}.dual-search-input[data-v-a32265b4]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);width:100%}.dual-search-input[data-v-a32265b4]:focus{border-color:var(--color-accent)}.dual-search-input[data-v-a32265b4]::-moz-placeholder{color:var(--color-text-muted)}.dual-search-input[data-v-a32265b4]::placeholder{color:var(--color-text-muted)}.dual-section[data-v-a32265b4]{margin-bottom:var(--space-8)}.dual-section-heading[data-v-a32265b4]{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-primary-dark);display:flex;font-family:var(--font-heading);font-size:var(--text-2xl);gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.dual-section-icon[data-v-a32265b4]{border:2px solid var(--color-accent);border-radius:var(--radius-full);height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.dual-grid[data-v-a32265b4]{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.dual-card[data-v-a32265b4]{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.dual-card[data-v-a32265b4]:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.03)}.dual-card-images[data-v-a32265b4]{align-items:center;display:flex;gap:var(--space-1)}.dual-card-img[data-v-a32265b4]{border-radius:var(--radius-full);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.dual-card-western[data-v-a32265b4]{border:2px solid var(--gold-400)}.dual-card-chinese[data-v-a32265b4]{border:2px solid var(--red-400)}.dual-card-name[data-v-a32265b4]{font-size:var(--text-sm);font-weight:600;line-height:1.3;text-align:center}.dual-no-results[data-v-a32265b4]{color:var(--color-text-muted);font-size:var(--text-lg);padding:var(--space-10);text-align:center}.dual-index-cta[data-v-a32265b4]{background:var(--color-accent-light);border-radius:var(--radius-xl);margin-bottom:var(--space-10);margin-top:var(--space-4);padding:var(--space-10) var(--space-8);text-align:center}.dual-index-cta h2[data-v-a32265b4]{color:var(--color-primary-dark);font-family:var(--font-heading);font-size:var(--text-2xl);margin:0 0 var(--space-3)}.dual-index-cta p[data-v-a32265b4]{color:var(--color-text-muted);font-size:var(--text-lg);margin:0 0 var(--space-6);margin-left:auto;margin-right:auto;max-width:500px}.dual-index-cta .reveal-btn[data-v-a32265b4]{background:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-inverse);display:inline-block;font-family:var(--font-heading);font-size:var(--text-lg);padding:var(--space-3) var(--space-8);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.dual-index-cta .reveal-btn[data-v-a32265b4]:hover{background:var(--color-primary-dark);transform:translateY(-2px)}@media(max-width:768px){.dual-index-hero[data-v-a32265b4]{padding:var(--space-8) var(--space-4)}.dual-index-hero h1[data-v-a32265b4]{font-size:var(--text-2xl)}.dual-grid[data-v-a32265b4]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:480px){.dual-grid[data-v-a32265b4]{gap:var(--space-3);grid-template-columns:1fr 1fr}.dual-card-img[data-v-a32265b4]{height:36px;width:36px}}
