.digital-card{color:#302633;background:#f5f1f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh;margin:0;background-image:radial-gradient(ellipse at 15% 0%,#e9dceb 0,transparent 55%)}
.digital-card *{box-sizing:border-box}.card-shell{width:min(100% - 32px,520px);margin:0 auto;padding:32px 0 24px}.card-brand{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 22px;color:#642567;text-decoration:none;font-size:18px;font-weight:650}.brand-logo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.card-brand small{display:block;font-size:9px;letter-spacing:2px;color:#796a7d;font-weight:500}.identity-card{padding:30px;background:#fffdfb;border:1px solid #e7dee7;border-radius:24px;box-shadow:0 18px 60px #4325450c;overflow:hidden;position:relative}.identity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7b167c,#b28baf,#d6bea0)}.card-topline{display:flex;justify-content:space-between;gap:12px;color:#867589;font-size:10px;letter-spacing:1.5px;margin-bottom:30px}.card-person{display:flex;align-items:center;gap:24px}.card-portrait{width:120px;height:144px;object-fit:cover;object-position:center 30%;border-radius:16px;background:#ece5ec}.card-eyebrow{font-size:12px;color:#857288;margin:0 0 8px}.card-person h1{font-size:38px;line-height:1.2;font-weight:650;letter-spacing:5px;margin:0 0 6px}.card-english{font-size:15px;letter-spacing:2px;color:#806a82;margin:0}.card-work{margin-top:26px}.card-work p{margin:0;font-size:15px;line-height:1.8}.card-work .card-role{font-size:19px;font-weight:600;color:#6d246f}.card-intro{font-size:15px;line-height:1.9;color:#665b69;margin:22px 0}.card-details{border-top:1px solid #ece5ec;padding-top:18px}.card-details p{margin:0 0 7px;font-size:13px;line-height:1.7;color:#76657a}.card-topics{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.card-topics span{font-size:11px;padding:5px 10px;border-radius:6px;background:#f3edf3;color:#76547a}.card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.card-button{white-space:nowrap;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px;border:1px solid #dfd2e0;border-radius:10px;text-decoration:none;font-size:14px;color:#6e2770;min-height:48px}.card-button.primary{background:#762578;color:white;border-color:#762578}.card-button:hover{filter:brightness(.94)}.card-email{display:block;width:fit-content;margin:14px auto 24px;font-size:12px;color:#8a758d;text-decoration:none;overflow-wrap:anywhere}.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:19px;border-top:1px solid #ece5ec}.card-links a{font-size:12px;color:#705773;text-decoration:none}.card-sharing{text-align:center;margin-top:24px}.card-sharing button{font:inherit;font-size:13px;color:#6e2770;cursor:pointer;border:1px solid #d9c9dc;background:transparent;border-radius:100px;padding:11px 22px;min-height:44px}.card-sharing p{font-size:11px;color:#8b7d8e;margin:12px 0}.card-sharing input{width:100%;padding:10px;border:1px solid #d9c9dc;border-radius:8px;background:white;font:inherit;font-size:13px}.card-footer{text-align:center;font-family:serif;letter-spacing:2px;font-size:12px;color:#968799;margin-top:32px}.digital-card a:focus-visible,.digital-card button:focus-visible,.digital-card input:focus-visible{outline:3px solid #b884bc;outline-offset:4px}@media(max-width:380px){.identity-card{padding:24px 20px}.card-person{gap:18px}.card-portrait{width:100px;height:124px}.card-person h1{font-size:32px}.card-topline{font-size:9px;letter-spacing:.7px}.card-button{font-size:12px;padding:12px}.card-shell{padding-top:22px}}

/* Stack contact actions when phone width cannot comfortably fit both labels. */
@media(max-width:420px){.card-actions{grid-template-columns:1fr}.card-button{font-size:14px;padding:14px 16px}}