/* name-card (RT-FUN-090) — tool styles. Card system in /assets/css/share-card.css. */

.nc-tool { display: flex; flex-direction: column; gap: 16px; }
.nc-controls { display: flex; gap: 12px; flex-wrap: wrap; }
.nc-input {
    font: inherit; font-size: 1.2rem; flex: 1; min-width: 200px;
    padding: 12px 14px; border: 1.5px solid var(--border, #ebebeb); border-radius: 10px;
    background: var(--card-bg, #fff); color: var(--t1, #1a1814);
}
.nc-input:focus-visible { outline: 3px solid var(--rt-accent, #e8622a); outline-offset: 1px; border-color: var(--rt-accent, #e8622a); }
.nc-go { font: inherit; font-weight: 700; padding: 0 22px; border: none; border-radius: 10px; background: var(--rt-accent, #e8622a); color: #fff; cursor: pointer; }

.nc-empty { color: var(--t2, #6b6760); text-align: center; padding: 26px 10px; }

.nc-chars { display: flex; gap: 12px; flex-wrap: wrap; }
.nc-char { flex: 0 0 auto; text-align: center; border: 1px solid var(--border, #ebebeb); border-radius: 12px; padding: 12px 16px; background: var(--card-bg, #fff); }
.nc-hz { font-family: var(--rt-font-serif, serif); font-size: 2.4rem; line-height: 1; }
.nc-py { font-size: 0.85rem; color: var(--t2, #6b6760); margin-top: 4px; }
.nc-meta { font-size: 0.78rem; color: var(--t2, #6b6760); margin-top: 4px; }
.nc-elem { display: inline-block; margin-top: 6px; padding: 2px 10px; border-radius: 999px; color: #fff; font-size: 0.85rem; font-weight: 700; }
.nc-total { margin-top: 12px; color: var(--t2, #6b6760); }

.nc-en { display: flex; flex-direction: column; gap: 8px; max-width: 460px; }
.nc-en-row { display: flex; justify-content: space-between; gap: 16px; padding: 10px 14px; border: 1px solid var(--border, #ebebeb); border-radius: 10px; background: var(--card-bg, #fff); }
.nc-en-row span { color: var(--t2, #6b6760); font-size: 0.85rem; }

.nc-stage { background: #0c1827; border-radius: 16px; }

/* Card (1080×1350 coords) */
.nc-card { align-items: center; text-align: center; justify-content: center; }
.nc-card .sc-eyebrow { font-size: 26px; letter-spacing: 8px; }
.nc-card-name { font-family: var(--sc-font-serif, serif); font-weight: 700; margin: 24px 0 16px; }
.nc-card-zh .nc-card-name { font-size: 150px; line-height: 1.05; }
.nc-card-en .nc-card-name { font-size: 104px; line-height: 1.05; }
#nc-card-sub { font-size: 40px; opacity: 0.82; margin: 0 0 26px; max-width: 900px; }
.nc-card-extra { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.nc-card-elem { padding: 8px 26px; border-radius: 999px; color: #fff; font-size: 40px; font-weight: 700; font-family: var(--sc-font-serif, serif); }
.nc-card-origin { padding: 8px 30px; border-radius: 999px; background: rgba(232,98,42,.14); color: #e8622a; font-size: 34px; font-weight: 700; }
/* editorial card = light bg; ensure footer text is dark */
.nc-card-en .sc-url { color: #6b6760; }
.nc-card-en .sc-wordmark { color: #1a1814; }