/* 名片无T.psd 原始两卡负形：16 段原始贝塞尔，保持 0.472712109 比例。 */
.ba-contact-signature.contact-band{background:#ece8f3;padding:78px 0;border-top:1px solid #ded5e6}
.ba-contact-signature .contact-salon{border:0;gap:15px;isolation:isolate;min-height:440px;background:transparent}
.ba-contact-signature .contact-scene{border-radius:12px 6px 6px 12px;min-height:440px}
.ba-contact-signature .contact-scene>img{object-position:79% center}
.ba-contact-signature .contact-editorial{border-radius:6px 12px 12px 6px;padding:48px clamp(32px,3.5vw,54px);background:linear-gradient(125deg,#463360 0%,#342342 66%,#2a1d3b 100%);box-shadow:inset 0 1px 0 #e8d3ac20}
.ba-contact-signature .contact-editorial:before{display:none}
.ba-contact-signature .contact-editorial .eyeline{color:#dec797;margin-bottom:22px;letter-spacing:.1em}
.ba-contact-signature .contact-editorial .eyeline:before{background:#d8ba82}
.ba-contact-signature .contact-editorial h2{color:#fff8ed;font-weight:500;font-size:clamp(31px,2.85vw,42px);line-height:1.4;letter-spacing:-.035em}
.ba-contact-signature .contact-editorial>p:not(.eyeline){color:#ddd3e5;font-size:14px;line-height:1.9;margin-top:21px}
.ba-contact-signature .contact-editorial .actions{margin-top:30px;gap:13px 20px}
.ba-contact-signature .contact-editorial .button{background:#dfc391;color:#352342;border:1px solid #e8d1a8;min-width:220px;min-height:48px;border-radius:5px;box-shadow:0 6px 18px #160c2620}
.ba-contact-signature .contact-editorial .button .icon{color:#52375f}
.ba-contact-signature .contact-editorial .button:hover{background:#eddaad;border-color:#f3e5c9}
.ba-contact-signature .contact-editorial .text-link{color:#e5d4ee;min-height:44px}
.ba-contact-signature .contact-editorial .text-link:hover{color:#fff0ce}
.ba-contact-signature .contact-editorial :is(a,button):focus-visible{outline:2px solid #f1d5a3;outline-offset:5px}
.ba-contact-signature .contact-topics{border-color:#ddc29338;color:#cfbfdc;margin-top:28px;padding-top:19px;gap:15px}
.ba-contact-signature .contact-topics span:before{background:#dec797}
/* Matching the surrounding paper creates an actual visual recess between cards. */
.ba-signature-joint{position:absolute;display:block;pointer-events:none;z-index:2;color:#ece8f3}
.ba-signature-joint:before{display:none}
.ba-signature-joint:after{content:"";position:absolute;display:block;width:55.98px;height:118.42px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);background:currentColor;-webkit-mask:url("BA名片原始连接负形.svg") center/contain no-repeat;mask:url("BA名片原始连接负形.svg") center/contain no-repeat;pointer-events:none}
.ba-contact-signature .ba-signature-joint{left:50%;top:0;bottom:0;width:15px;transform:translateX(-50%)}
/* Dialog cards use the same source recess, with the original form retained. */
#contact-overlay .modal-grid{position:relative;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:12px;background:#ece8f3}
#contact-overlay .modal-signature-joint{left:calc(38% + 1.44px);top:0;bottom:0;width:12px;transform:translateX(-50%)}
#contact-overlay .modal-signature-joint:after{width:45.381px;height:96px;top:29%}
#contact-overlay .modal-eyeline{color:#7b638a}
#contact-overlay .modal-main{background:#f7f5fb}
html[lang=en] .ba-contact-signature .contact-editorial h2{font-size:clamp(29px,2.75vw,40px);line-height:1.25;letter-spacing:-.025em}
@media(max-width:1020px){
 .ba-contact-signature .contact-editorial{padding:37px 30px 37px 35px}
 .ba-contact-signature .contact-scene,.ba-contact-signature .contact-salon{min-height:440px}
 .ba-contact-signature .contact-editorial .actions{gap:10px 16px}
 .ba-contact-signature .contact-editorial .button{min-width:210px}
}
@media(max-width:760px){
 .ba-contact-signature.contact-band{padding:52px 0}
 .ba-contact-signature .contact-salon{grid-template-columns:1fr;min-height:0;gap:15px}
 .ba-contact-signature .contact-scene{height:290px;min-height:0;border-radius:11px 11px 6px 6px}
 .ba-contact-signature .contact-scene>img{object-position:78% 45%}
 .ba-contact-signature .contact-scene-caption{left:23px;right:23px;bottom:24px;font-size:10px;letter-spacing:.1em}
 .ba-contact-signature .contact-scene-caption i{width:25px}
 .ba-contact-signature .contact-editorial{border-radius:6px 6px 11px 11px;padding:39px 27px 31px}
 .ba-contact-signature .contact-editorial h2{font-size:30px;line-height:1.45;letter-spacing:-.035em}
 .ba-contact-signature .contact-editorial .eyeline{margin-bottom:17px;font-size:10px}
 .ba-contact-signature .contact-editorial>p:not(.eyeline){font-size:13px;line-height:1.85;margin-top:18px}
 html:not([lang=en]) .ba-contact-signature .contact-editorial>p:not(.eyeline) br{display:none}
 .ba-contact-signature .contact-editorial .actions{margin-top:25px;gap:8px 18px}
 .ba-contact-signature .contact-editorial .button{min-width:220px;font-size:13px}
 .ba-contact-signature .contact-topics{gap:12px;font-size:10px;margin-top:19px;padding-top:18px}
 .ba-contact-signature .ba-signature-joint{left:0;right:0;top:290px;bottom:auto;width:auto;height:15px;transform:none}
 .ba-contact-signature .ba-signature-joint:after{left:31%;transform:translate(-50%,-50%)}
 #contact-overlay .modal-grid{grid-template-columns:1fr;gap:12px}
 #contact-overlay .modal-signature-joint{left:0;right:0;top:240px;bottom:auto;width:auto;height:12px;transform:none}
 #contact-overlay .modal-signature-joint:after{left:31%;top:50%;transform:translate(-50%,-50%)}
 html[lang=en] .ba-contact-signature .contact-editorial h2{font-size:29px;line-height:1.25}
 html[lang=en] .ba-contact-signature .contact-scene-caption{align-items:flex-end;gap:16px}
 html[lang=en] .ba-contact-signature .contact-scene-caption span:first-child{white-space:nowrap;flex:none}
 html[lang=en] .ba-contact-signature .contact-scene-caption i{display:none}
 html[lang=en] .ba-contact-signature .contact-scene-caption span:last-child{max-width:185px;text-align:right;font-size:9px;line-height:1.7;letter-spacing:.07em}
}
@media(prefers-reduced-motion:reduce){.ba-contact-signature :is(a,button){transition:none}}

/* The recess is transparent: each card subtracts one half of the original PSD path. */
.ba-contact-signature .ba-signature-joint,#contact-overlay .modal-signature-joint{display:none}
.ba-contact-signature .contact-scene,.ba-contact-signature .contact-editorial{
 -webkit-mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形-横向.svg");mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形-横向.svg");
 -webkit-mask-size:100% 100%,118.42px 55.98px;mask-size:100% 100%,118.42px 55.98px;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;
}
.ba-contact-signature .contact-scene{-webkit-mask-position:center,right -66.71px center;mask-position:center,right -66.71px center}
.ba-contact-signature .contact-editorial{-webkit-mask-position:center,left -66.71px center;mask-position:center,left -66.71px center}
#contact-overlay .modal{background:transparent;border:0;box-shadow:0 30px 110px #130b2380;overflow-y:auto;overflow-x:hidden}
#contact-overlay .modal-grid{background:transparent;padding:1px}
#contact-overlay .ba-cutout-shell{min-width:0;display:flex;filter:drop-shadow(.6px 0 0 #d6b67f) drop-shadow(-.6px 0 0 #b79360) drop-shadow(0 .6px 0 #b38d59) drop-shadow(0 -.6px 0 #e9cd99)}
#contact-overlay .ba-cutout-shell>.modal-brand,#contact-overlay .ba-cutout-shell>.modal-main{width:100%;border-radius:11px;
 -webkit-mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形-横向.svg");mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形-横向.svg");
 -webkit-mask-size:100% 100%,96px 45.381px;mask-size:100% 100%,96px 45.381px;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;
}
#contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,right -54px top 29%;mask-position:center,right -54px top 29%;min-height:100%}
#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left -54px top 29%;mask-position:center,left -54px top 29%}
#contact-overlay .modal-brand:before{content:"";position:absolute;inset:0 0 auto;height:150px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 16% 8%,#21172fd1,#21172f6b 43%,transparent 76%)}
#contact-overlay .modal-brand-logo{z-index:1;filter:drop-shadow(0 1px 2px #08030ec9) drop-shadow(0 3px 7px #120a2399)}
@media(max-width:760px){
 .ba-contact-signature .contact-scene,.ba-contact-signature .contact-editorial{-webkit-mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");-webkit-mask-size:100% 100%,55.98px 118.42px;mask-size:100% 100%,55.98px 118.42px}
 .ba-contact-signature .contact-scene{-webkit-mask-position:center,left 31% bottom -66.71px;mask-position:center,left 31% bottom -66.71px}
 .ba-contact-signature .contact-editorial{-webkit-mask-position:center,left 31% top -66.71px;mask-position:center,left 31% top -66.71px}
 #contact-overlay .ba-cutout-shell>.modal-brand,#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");-webkit-mask-size:100% 100%,45.381px 96px;mask-size:100% 100%,45.381px 96px}
 #contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,left 31% bottom -54px;mask-position:center,left 31% bottom -54px;min-height:240px}
 #contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left 31% top -54px;mask-position:center,left 31% top -54px}
 #contact-overlay .modal-brand:before{height:110px;background:radial-gradient(ellipse at 12% 0,#21172fe6,#21172f55 55%,transparent 82%)}
}

/* Auxiliary scale: original PSD recess stays clear of reading and form fields. */
.ba-contact-signature .contact-salon{gap:8px;background:linear-gradient(112deg,#74542f 0%,#b89764 37%,#ead4a9 49%,#9e7945 61%,#d9bb87 100%);background-clip:content-box}
.ba-contact-signature .contact-scene,.ba-contact-signature .contact-editorial{-webkit-mask-size:100% 100%,64px 30.254px;mask-size:100% 100%,64px 30.254px}
.ba-contact-signature .contact-scene{-webkit-mask-position:center,right -36px center;mask-position:center,right -36px center}
.ba-contact-signature .contact-editorial{-webkit-mask-position:center,left -36px center;mask-position:center,left -36px center;padding-left:56px;box-shadow:inset 3px 0 7px #130b242c,inset 0 1px 0 #e8d3ac20}
#contact-overlay .modal-grid{gap:8px;background:linear-gradient(113deg,#71522e,#b08d57 37%,#ead3a7 49%,#997140 61%,#d7b680);border-radius:12px}
#contact-overlay .ba-cutout-shell>.modal-brand,#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-size:100% 100%,60px 28.363px;mask-size:100% 100%,60px 28.363px}
#contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,right -34px top 29%;mask-position:center,right -34px top 29%}
#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left -34px top 29%;mask-position:center,left -34px top 29%;padding-left:54px;box-shadow:inset 3px 0 6px #37244310}
@media(max-width:760px){
 .ba-contact-signature .contact-scene,.ba-contact-signature .contact-editorial{-webkit-mask-size:100% 100%,30.254px 64px;mask-size:100% 100%,30.254px 64px}
 .ba-contact-signature .contact-scene{-webkit-mask-position:center,left 31% bottom -36px;mask-position:center,left 31% bottom -36px}
 .ba-contact-signature .contact-editorial{-webkit-mask-position:center,left 31% top -36px;mask-position:center,left 31% top -36px;padding-left:27px;padding-top:55px;box-shadow:inset 0 3px 6px #130b2425}
 #contact-overlay .modal-grid{gap:8px}
 #contact-overlay .ba-cutout-shell>.modal-brand,#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-size:100% 100%,28.363px 60px;mask-size:100% 100%,28.363px 60px}
 #contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,left 31% bottom -34px;mask-position:center,left 31% bottom -34px}
 #contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left 31% top -34px;mask-position:center,left 31% top -34px;padding-left:25px;padding-top:54px;box-shadow:inset 0 3px 6px #37244312}
}

/* Latest feedback: small recess follows the eyebrow / form note, with a continuous frame. */
.ba-contact-signature .contact-salon{--contact-joint-y:56px;border:1px solid #bea16c;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #f1dfbc30}
.ba-contact-signature .contact-scene{-webkit-mask-position:center,right -36px top calc(var(--contact-joint-y) - 15.127px);mask-position:center,right -36px top calc(var(--contact-joint-y) - 15.127px)}
.ba-contact-signature .contact-editorial{-webkit-mask-position:center,left -36px top calc(var(--contact-joint-y) - 15.127px);mask-position:center,left -36px top calc(var(--contact-joint-y) - 15.127px)}
#contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,right -34px bottom 25px;mask-position:center,right -34px bottom 25px}
#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left -34px bottom 25px;mask-position:center,left -34px bottom 25px}
@media(max-width:1020px){.ba-contact-signature .contact-salon{--contact-joint-y:44px}}
@media(max-width:760px){.ba-contact-signature .contact-scene{-webkit-mask-position:center,left 31% bottom -36px;mask-position:center,left 31% bottom -36px}.ba-contact-signature .contact-editorial{-webkit-mask-position:center,left 31% top -36px;mask-position:center,left 31% top -36px}#contact-overlay .ba-cutout-shell>.modal-brand{-webkit-mask-position:center,left 31% bottom -34px;mask-position:center,left 31% bottom -34px}#contact-overlay .ba-cutout-shell>.modal-main{-webkit-mask-position:center,left 31% top -34px;mask-position:center,left 31% top -34px}}

/* Tablet contact uses the same stacked relation before either text column becomes narrow. */
@media(min-width:761px) and (max-width:900px){
 .ba-contact-signature .contact-salon{grid-template-columns:1fr;min-height:0}
 .ba-contact-signature .contact-scene{height:330px;min-height:0;border-radius:11px 11px 5px 5px}
 .ba-contact-signature .contact-editorial{padding:54px 40px 38px;border-radius:5px 5px 11px 11px}
 .ba-contact-signature .contact-editorial h2{font-size:34px;line-height:1.4}
 .ba-contact-signature .contact-scene,.ba-contact-signature .contact-editorial{-webkit-mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");mask-image:linear-gradient(#000,#000),url("BA名片原始连接负形.svg");-webkit-mask-size:100% 100%,30.254px 64px;mask-size:100% 100%,30.254px 64px}
 .ba-contact-signature .contact-scene{-webkit-mask-position:center,left 31% bottom -36px;mask-position:center,left 31% bottom -36px}
 .ba-contact-signature .contact-editorial{-webkit-mask-position:center,left 31% top -36px;mask-position:center,left 31% top -36px}
}

/* Paired card footers share a bottom inset, divider and text baseline. */
@media(min-width:901px){
 .ba-contact-signature .contact-salon{--contact-footer-bottom:26px;--contact-footer-height:40px}
 .ba-contact-signature .contact-editorial{justify-content:flex-start;padding-bottom:var(--contact-footer-bottom)}
 .ba-contact-signature .contact-editorial .actions{margin-bottom:28px}
 .ba-contact-signature .contact-scene-caption,.ba-contact-signature .contact-topics{box-sizing:border-box;min-height:var(--contact-footer-height);padding-top:19px;border-top:1px solid #ddc29338;line-height:20px}
 .ba-contact-signature .contact-scene-caption{height:var(--contact-footer-height);bottom:var(--contact-footer-bottom);align-items:flex-end;gap:16px}
 .ba-contact-signature .contact-scene-caption i{align-self:flex-end;flex:none;margin-bottom:9.5px}
 .ba-contact-signature .contact-topics{margin-top:auto;align-content:flex-end;row-gap:0}
 .ba-contact-signature .contact-topics span{min-height:20px}
}
@media(min-width:901px) and (max-width:1020px){
 html[lang=en] .ba-contact-signature .contact-salon{--contact-footer-height:60px}
}