/* ================= 藏蓝分栏 · 横版名片 =================
   左侧约三分之一为藏蓝色块，承载头像与姓名职务（金字），
   右侧白底放公司眉头与联系方式，是最经典的分栏商务版式。 */
#card.tpl-navysplit {
    background: #ffffff;
    border: 1px solid #e3e7ef;
    border-radius: 10px;
    box-shadow: 0 26px 60px -28px rgba(23, 37, 74,.5);
    padding: 24px 32px 14px 218px;   /* 左侧留出色块区 */
    position: relative;
    overflow: hidden;
}
#card.tpl-navysplit::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 190px;
    background:
        radial-gradient(140% 90% at 100% 0%, rgba(207,163,77,.16), transparent 55%),
        linear-gradient(165deg, #1e2c50, #131d38);
}
/* 身份区整体移入左色块 */
#card.tpl-navysplit .identity {
    position: absolute; left: 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-navysplit .avatar-wrap {
    position: absolute; left: 50%; transform: translateX(-50%); top: 30px; z-index: 2;
}
#card.tpl-navysplit .avatar-img,
#card.tpl-navysplit .avatar-fallback { width: 52px; height: 52px; border-color: rgba(207,163,77,.55); }
#card.tpl-navysplit .avatar-fallback { background: linear-gradient(145deg, #cfa34d, #a5813a); color: #16203c; }
#card.tpl-navysplit .card-name { color: #ffffff; font-size: 23px; letter-spacing: .22em; text-indent: .22em; }
#card.tpl-navysplit .r-title { color: #cfa34d; font-size: 11px; letter-spacing: .24em; }
#card.tpl-navysplit .card-tagline { color: #93a3c6; font-size: 10.5px; max-width: none; border-left: none; padding-left: 0; }
/* 右侧：眉头 + 联系方式垂直居中靠右 */
#card.tpl-navysplit .card-company {
    color: #1e2c50; font-weight: 700; font-size: 14px; letter-spacing: .12em;
}
#card.tpl-navysplit .card-body { height: 100%; align-items: center; }
#card.tpl-navysplit .contact-list { margin-left: auto; gap: 8px; }
#card.tpl-navysplit .c-ico { background: #eef1f7; color: #1e2c50; }
#card.tpl-navysplit .contact-list span[data-field],
#card.tpl-navysplit .contact-list a { color: #45506a; font-size: 12px; }
/* 底部操作（右区内） */
#card.tpl-navysplit .act-btn.primary { background: linear-gradient(135deg, #cfa34d, #b08a3c); color: #16203c; }
#card.tpl-navysplit .act-btn.ghost { border-color: #d6dbe6; color: #5a6580; }
#card.tpl-navysplit .card-actions { border-top: 1px dashed #e3e7ef; margin-top: 4px; }

/* 窄屏回退为上下结构 */
@media (max-width: 560px) {
    #card.tpl-navysplit { padding: 22px; }
    #card.tpl-navysplit::before { display: none; }
    #card.tpl-navysplit .identity {
        position: static; width: auto; height: auto; padding: 0;
        background: linear-gradient(165deg, #1e2c50, #131d38);
        margin: -22px -22px 16px; padding: 18px; border-radius: 0;
    }
    #card.tpl-navysplit .avatar-wrap { position: static; transform: none; margin-bottom: 10px; }
    #card.tpl-navysplit .card-body { height: auto; }
}