:root{--ink:#14203e;--navy:#142b59;--gold:#ae8833;--paper:#fbfaf7;--muted:#747478;--line:rgba(20,32,62,.13)}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;background:#e8e8e5;font-family:"PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--ink)}
.card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,480px);min-height:100vh;background:var(--paper);border-top:5px solid var(--gold);box-shadow:0 22px 70px rgba(16,28,55,.16)}
.card__plane{position:absolute;z-index:-1;pointer-events:none;opacity:.8}.plane-one{width:520px;height:520px;right:-340px;top:72px;background:linear-gradient(142deg,#e9e8e2,#f7f6f1);clip-path:polygon(0 0,100% 18%,100% 100%,20% 74%)}.plane-two{width:490px;height:450px;left:-360px;bottom:-225px;background:#f0efea;clip-path:polygon(0 0,100% 50%,72% 100%,0 100%)}
.brand{height:112px;padding:23px 34px 18px;display:flex;align-items:center;justify-content:center;background:var(--navy);border-bottom:3px solid rgba(174,136,51,.72)}.brand img{display:block;width:min(270px,78%);height:auto;max-height:48px}
.content{padding:54px 34px 26px}.profile{padding:0 0 45px;text-align:center}.profile h1{margin:0;font-family:Georgia,"Songti SC",serif;font-size:38px;font-weight:600;line-height:1.1;letter-spacing:.3px;white-space:pre-line}.role{margin:16px 0 0;color:#34373d;font-size:16px;line-height:1.65}.role span{display:block}.role .role-en{margin-top:3px;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.2px;color:var(--muted)}
.actions{display:grid;gap:11px}.actions h2{display:flex;align-items:center;gap:13px;margin:0 0 7px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:600;letter-spacing:.2px}.actions h2::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(174,136,51,.7),transparent)}.action{width:100%;min-height:64px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.76);color:var(--ink);display:flex;align-items:center;gap:15px;padding:0 17px;text-decoration:none;font:inherit;font-size:16px;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.action:hover,.action:focus-visible{border-color:rgba(174,136,51,.65);transform:translateY(-2px);box-shadow:0 10px 20px rgba(20,32,62,.09);outline:0}.icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;color:var(--gold)}.icon svg{display:block;width:22px;height:22px}.icon-wechat svg{width:24px;height:24px}.arrow{margin-left:auto;color:#9a9a98;font-size:26px;line-height:1;font-family:Georgia,serif}.wechat{font:inherit}
.card-footer{margin-top:36px;padding:0 34px 29px;color:#94928c;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.05px}.card-footer span{color:var(--gold);padding:0 3px}
.contact-modal{position:fixed;inset:auto 16px 50% 16px;transform:translateY(50%);width:min(100% - 32px,400px);padding:32px 24px 24px;border:0;border-radius:8px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:center}.contact-modal::backdrop{background:rgba(9,21,44,.64)}.contact-modal .close{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#637083;font-size:30px;cursor:pointer}.contact-modal img{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:4px}.modal-hint{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
@media(min-width:520px){.card{min-height:720px;border-radius:4px;margin:32px 0}.content{padding-top:50px}}
@media(max-width:360px){.brand{height:96px;padding:24px}.content{padding:44px 24px 24px}.profile h1{font-size:34px}.card-footer{padding-left:24px}}