/* ================= 藏蓝 · 色块右（分栏镜像） =================
   藏蓝分栏的变体：色块移到右缘承载头像与姓名职务，
   公司眉头居左上，联系方式占左区。 */
#card.tpl-navy-right {
    background: #ffffff;
    border: 1px solid #e3e7ef;
    border-radius: 10px;
    box-shadow: 0 26px 60px -28px rgba(23, 37, 74,.5);
    padding: 24px 218px 14px 32px;   /* 右侧留色块区 */
    position: relative;
    overflow: hidden;
}
#card.tpl-navy-right::before {
    content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 190px;
    background:
        radial-gradient(140% 90% at 0% 0%, rgba(207,163,77,.16), transparent 55%),
        linear-gradient(195deg, #1e2c50, #131d38);
}
/* 身份区移入右色块 */
#card.tpl-navy-right .identity {
    position: absolute; right: 0; top: 0; width: 190px; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 96px 16px 26px;
    text-align: center; z-index: 2;
}
#card.tpl-navy-right .avatar-wrap {
    position: absolute; top: 30px; right: calc(95px - 26px); z-index: 2;   /* 色块水平居中 */
}
#card.tpl-navy-right .avatar-img,
#card.tpl-navy-right .avatar-fallback { width: 52px; height: 52px; border-color: rgba(207,163,77,.55); }
#card.tpl-navy-right .avatar-fallback { background: linear-gradient(145deg, #cfa34d, #a5813a); color: #16203c; }
#card.tpl-navy-right .card-name { color: #ffffff; font-size: 23px; letter-spacing: .22em; text-indent: .22em; }
#card.tpl-navy-right .r-title { color: #cfa34d; font-size: 11px; letter-spacing: .24em; }
#card.tpl-navy-right .card-tagline { color: #93a3c6; font-size: 10.5px; max-width: none; border-left: none; padding-left: 0; }
/* 左区：眉头 + 联系方式 */
#card.tpl-navy-right .card-company { color: #1e2c50; font-weight: 700; font-size: 14px; letter-spacing: .12em; }
#card.tpl-navy-right .card-body { height: 100%; align-items: center; }
#card.tpl-navy-right .contact-list { margin-right: auto; gap: 8px; }
#card.tpl-navy-right .c-ico { background: #eef1f7; color: #1e2c50; }
#card.tpl-navy-right .contact-list span[data-field],
#card.tpl-navy-right .contact-list a { color: #45506a; font-size: 12px; }
/* 底部操作 */
#card.tpl-navy-right .act-btn.primary { background: linear-gradient(135deg, #cfa34d, #b08a3c); color: #16203c; }
#card.tpl-navy-right .act-btn.ghost { border-color: #d6dbe6; color: #5a6580; }
#card.tpl-navy-right .card-actions { border-top: 1px dashed #e3e7ef; margin-top: 4px; }

@media (max-width: 560px) {
    #card.tpl-navy-right { padding: 22px; }
    #card.tpl-navy-right::before { display: none; }
    #card.tpl-navy-right .identity {
        position: static; width: auto; height: auto; padding: 18px;
        background: linear-gradient(195deg, #1e2c50, #131d38);
        margin: -22px -22px 16px; border-radius: 0;
    }
    #card.tpl-navy-right .avatar-wrap { position: static; margin-bottom: 10px; }
    #card.tpl-navy-right .card-body { height: auto; }
}