/* ================= 暗夜 · 名字右（暗夜黑镜像） =================
   暗夜黑的镜像版：金色渐变卡面不变，
   姓名职务签名靠右、联系方式栏居左、公司眉头转右上。 */
#card.tpl-mirror-dark {
    background:
        radial-gradient(130% 120% at 100% 0%, rgba(212,175,55,.17), transparent 52%),
        radial-gradient(110% 130% at 0% 100%, rgba(56,189,248,.10), transparent 50%),
        linear-gradient(160deg, #171a21 0%, #0d1017 60%, #090b10 100%);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    box-shadow: 0 32px 70px -24px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);
    padding: 26px 36px 14px;
    color: #e7eaf0;
}
/* 眉头镜像 */
#card.tpl-mirror-dark .card-head { flex-direction: row-reverse; }
#card.tpl-mirror-dark .card-company { color: var(--accent); letter-spacing: .18em; }
#card.tpl-mirror-dark .avatar-img,
#card.tpl-mirror-dark .avatar-fallback { width: 46px; height: 46px; border-color: rgba(255,255,255,.2); box-shadow: 0 0 0 3px rgba(212,175,55,.12); }
#card.tpl-mirror-dark .avatar-fallback { background: linear-gradient(145deg, var(--accent), #8a6d1f); color: #14161c; }
/* 主体镜像 */
#card.tpl-mirror-dark .card-body { flex-direction: row-reverse; }
#card.tpl-mirror-dark .identity {
    display: flex; flex-direction: column; align-items: flex-end; text-align: right;
}
#card.tpl-mirror-dark .card-name {
    font-size: 31px; font-weight: 700; color: #f5f2e8; letter-spacing: .08em;
}
#card.tpl-mirror-dark .r-title { color: #8b93a3; letter-spacing: .16em; }
#card.tpl-mirror-dark .card-tagline { color: #a8b0bf; border-left: none; padding-left: 0; }
/* 联系栏居左 */
#card.tpl-mirror-dark .contact-list { gap: 8px; }
#card.tpl-mirror-dark .c-ico { background: rgba(255,255,255,.08); color: var(--accent); width: 18px; height: 18px; }
#card.tpl-mirror-dark .contact-list span[data-field],
#card.tpl-mirror-dark .contact-list a { color: #cfd6e2; font-size: 12px; }
#card.tpl-mirror-dark .mini-copy { color: #8b93a3; }
/* 底部操作：主按钮换右 */
#card.tpl-mirror-dark .act-btn.primary {
    order: 3;
    background: linear-gradient(135deg, var(--accent), #b8942c); color: #14161c;
}
#card.tpl-mirror-dark .act-btn.ghost { border-color: rgba(255,255,255,.22); color: #cfd6e2; }
#card.tpl-mirror-dark .act-btn.ghost:hover { background: rgba(255,255,255,.07); }
#card.tpl-mirror-dark .card-actions { border-top: 1px solid rgba(255,255,255,.09); margin-top: 4px; }
