@font-face{font-family:"Julu Logo Song";src:url("./assets/logo-songti.woff2?v=6") format("woff2");font-style:normal;font-weight:600;font-display:block}
.business-card{--skyline-opacity:.68;--skyline-fade:35%;position:relative;width:1103px;height:1426px;overflow:hidden;background:#fff;color:#202126;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
.business-card [hidden]{display:none!important}
.card-top{height:652px;position:relative;background:#fff}
.person-line{position:absolute;left:82px;top:82px;display:flex;align-items:baseline;gap:14px;height:60px;white-space:nowrap}
.person-name-zh{font-size:48px;font-weight:800;color:#2b306a;line-height:1.15;letter-spacing:1px}
.name-divider{font-size:35px;color:#44454d;font-weight:300}
.person-name-en{font-size:32px;font-weight:400;color:#4a4b53;line-height:1.15}
.name-accent-line{position:absolute;left:82px;top:153px;width:87px;height:6px;background:#342d62;display:none}
.business-card.name-accent-enabled .name-accent-line{display:block}
.job-line{position:absolute;left:82px;top:179px;line-height:1.23}
.job-zh{font-size:29px;color:#202126}
.job-en{font-size:29px;color:#202126;margin-top:4px}
.business-card.name-accent-enabled .job-zh{color:#343b83}
.business-card.name-accent-enabled .job-en{color:#59638d}
.job-en.auto-appear{animation:job-title-arrive .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes job-title-arrive{0%{opacity:0;transform:translateY(9px);filter:blur(3px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.job-en.auto-appear{animation:none}}
.logo-lockup{position:absolute;right:44px;top:72px;display:flex;align-items:flex-start;gap:4px;width:385px;height:120px}
.logo-symbol{width:116px;height:126px;object-fit:fill;flex:none;margin-top:-6px}
.logo-words{padding-top:11px;width:265px;min-width:0;flex:none;white-space:nowrap}
.logo-zh{font-family:"Julu Logo Song","Songti SC","SimSong","STSong",serif;font-weight:600;font-size:56px;letter-spacing:2px;line-height:1.08;color:#130f0e}
.logo-en{font-family:"Times New Roman",Times,serif;font-size:21px;font-weight:700;letter-spacing:-.15px;line-height:1.15;color:#171312;margin-top:14px;transform:scale(.8,.88);transform-origin:left top}
.contact-block{position:absolute;left:84px;right:82px;top:374px;height:238px}
.companies{position:absolute;left:0;top:0;white-space:nowrap}
.company{font-size:35px;line-height:1.2;font-weight:400;color:#191b20;letter-spacing:.15px}
.contact-rows{position:absolute;left:0;top:105px;width:730px}
.contact-row{display:flex;align-items:center;gap:15px;height:45px;white-space:nowrap}
.contact-icon{width:28px;height:28px;flex:none;color:#202025}
.contact-text{font-size:28px;line-height:1.2;color:#4c4d55;letter-spacing:.05px}
.address-row .contact-text{font-size:24px;color:#37383e}
.card-qr{position:absolute;width:180px;height:180px;right:29px;top:34px;object-fit:contain;background:#fff;image-rendering:auto}
.card-qr-placeholder{position:absolute;width:180px;height:180px;right:29px;top:34px;border:2px dashed #d5d9e2;display:flex;align-items:center;justify-content:center;text-align:center;color:#a2a9b7;font-size:19px;line-height:1.4}
.divider-art{position:absolute;left:0;top:652px;width:1103px;height:60px}
.skyline-panel{position:absolute;left:0;top:712px;width:1103px;height:455px;overflow:hidden;background:linear-gradient(106deg,#2f337e 0%,#313583 45%,#303483 100%)}
.skyline{position:absolute;left:0;bottom:-4px;width:1103px;height:auto;opacity:var(--skyline-opacity);filter:saturate(.9) brightness(.92);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 var(--skyline-fade),#000 calc(100% - var(--skyline-fade)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 var(--skyline-fade),#000 calc(100% - var(--skyline-fade)),transparent 100%)}
.business-panel{position:absolute;left:0;top:1190px;width:1103px;height:236px;background:linear-gradient(104deg,#313783,#323586);display:flex;color:#fff;align-items:flex-start}
.business-label{position:absolute;left:61px;top:34px;width:132px;display:flex;flex-direction:column;gap:6px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:65px;font-weight:800;line-height:1.09;letter-spacing:1px}
.business-rule{position:absolute;left:210px;top:44px;width:3px;height:141px;background:#fff;opacity:.9}
.business-copy{position:absolute;left:235px;right:58px;top:34px;height:168px;font-size:29px;line-height:1.57;font-weight:400;overflow:hidden}
.business-row{display:flex;gap:14px;align-items:flex-start}
.business-row strong{font-weight:700;flex:none;white-space:nowrap}
.business-row span{display:block;white-space:normal;overflow-wrap:anywhere}
