:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#14282b;background:#e3e8e7;font-synthesis:none;--paper: #f8faf8;--ink: #14282b;--muted: #5c7073;--line: #d2dcda;--accent: #103b43;--signal: #d48059;--font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}.wechat-only{display:none}.is-wechat .wechat-only{display:block}.is-wechat .requires-regular-browser{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--signal);outline-offset:3px}button:disabled,a[aria-disabled=true]{cursor:wait;opacity:.55;pointer-events:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:36px 16px}.business-card{width:min(100%,440px);overflow:hidden;background:var(--paper);border:1px solid rgba(16,59,67,.13);border-radius:18px;box-shadow:0 24px 70px #103b431f;animation:card-arrival .4s ease-out both}.card-top{position:relative;padding:28px 30px 38px;color:#fff;background:radial-gradient(circle at 100% 0,#24545b 0,transparent 58%),var(--accent)}.card-top:after{content:"";position:absolute;right:30px;bottom:0;width:56px;height:3px;background:var(--signal)}.brand{display:flex;align-items:center;gap:10px;color:inherit;font-family:var(--font-mono);font-size:13px;font-weight:650;letter-spacing:.035em}.brand-mark{display:grid;place-items:center;width:31px;height:28px;border:1px solid currentColor;border-left:3px solid var(--signal);font-size:10px}.identity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:43px}.industry{margin:0 0 9px;color:#bdd0d1;font-size:12px;letter-spacing:.14em}.identity-copy h1{margin:0;font-size:50px;font-weight:650;letter-spacing:.1em;line-height:1.2}.role{margin:13px 0 0;color:#bdd0d1;font-size:12px;line-height:1.6}.avatar{display:grid;place-items:center;width:61px;height:67px;flex:0 0 auto;color:#e2eceb;border:1px solid #729095;font-family:serif;font-size:32px}.positioning{margin-top:40px;padding-left:17px;border-left:2px solid var(--signal)}.positioning h2{margin:0;font-size:26px;font-weight:500;line-height:1.65;letter-spacing:.025em}.card-body{padding:24px 28px 0}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;color:var(--accent);background:transparent;border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:#082f36}.button-secondary:hover{background:#e8efed}.full-width{width:100%;margin-top:12px}.phone-number{display:block;padding:16px 0 9px;color:var(--ink);font-family:var(--font-mono);font-size:18px;letter-spacing:.08em;text-align:center;text-decoration:none}.utility-actions{display:flex;justify-content:center;gap:32px;padding:2px 0 20px}.utility-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 0;color:var(--muted);background:transparent;border:0;font-size:12px}.utility-actions .icon{width:16px;height:16px}.utility-actions button:hover{color:var(--accent)}.website-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -28px;padding:19px 28px 21px;color:var(--accent);background:#eaf0ed;text-decoration:none}.website-link:hover{background:#e0e9e5}.website-link span{display:grid;gap:5px}.website-link small{color:var(--muted);font-size:11px}.website-link strong{font-family:var(--font-mono);font-size:14px;font-weight:650}.website-link .icon{width:17px;height:17px}.sheet{position:fixed;inset:0;z-index:30;display:none;width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:29px;overflow-y:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #103b4338}.sheet[open]{display:block;animation:sheet-arrival .2s ease-out both}.sheet::backdrop{background:#091e2299}.icon-button{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--muted);background:transparent;border:0;border-radius:50%}.icon-button:hover{background:#e7eeeb}.sheet h2{margin:7px 38px 0 0;font-size:23px;font-weight:650;line-height:1.45}.dialog-intro{margin:10px 0 21px;color:var(--muted);font-size:13px;line-height:1.8}.save-options{display:grid;gap:10px}.save-option{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px;color:var(--accent);background:#fff;border:1px solid var(--line);border-radius:7px;text-align:left;text-decoration:none}.save-option:hover{border-color:var(--accent)}.save-option>.icon{width:22px;height:22px}.save-option span{display:grid;gap:5px}.save-option strong{font-size:14px}.save-option small{color:var(--muted);font-size:12px;line-height:1.5}.dialog-note{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.manual-copy{display:grid;gap:8px;margin-top:17px;color:var(--muted);font-size:12px;line-height:1.7}.manual-copy input{width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;font-size:16px;user-select:text;-webkit-user-select:text}.contact-address{margin:20px 0 0;padding-top:17px;color:var(--muted);border-top:1px solid var(--line);font-size:12px;line-height:1.8}.qr-sheet{width:min(100%,520px);height:100dvh;max-height:100dvh;padding:29px 28px;color:#fff;background:radial-gradient(circle at 100% 0,#24545b 0,transparent 52%),var(--accent);border:0;border-radius:0;text-align:center}.qr-sheet .brand{justify-content:center;color:#d8e5e4}.qr-sheet .icon-button{color:#d8e5e4}.qr-sheet .icon-button:hover{background:#24545b}.qr-person{margin:28px 0 0;font-size:26px;font-weight:650;letter-spacing:.08em}.qr-person span{display:block;margin-top:7px;color:#bdd0d1;font-size:12px;font-weight:400;letter-spacing:.1em}.qr-sheet h2{margin:24px 0 0;font-size:25px;font-weight:500;line-height:1.65}.qr-sheet .dialog-intro{margin:15px 0 19px;color:#bdd0d1}.qr-frame{width:fit-content;margin:0 auto;padding:10px;background:#fff;border-radius:3px}#qr-image{display:block;width:min(60vw,242px);height:min(60vw,242px)}#qr-image[hidden],#download-qr[hidden],#download-card[hidden]{display:none}.qr-url{margin:14px 0 0;color:#bdd0d1;font-family:var(--font-mono);font-size:10px;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.qr-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:17px}.qr-actions .button{min-height:42px;padding:9px 12px;color:#d8e5e4;border-color:#729095;font-size:12px}.qr-actions .button:hover{background:#24545b}.qr-sheet .dialog-note{color:#bdd0d1}.toast{position:fixed;z-index:40;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:12px 18px;color:#fff;background:#14282b;box-shadow:0 8px 26px #091e2233;border-radius:7px;font-size:13px;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes card-arrival{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-arrival{0%{opacity:0}to{opacity:1}}@media(max-width:520px){.page-shell{padding:16px 12px}.business-card{border-radius:14px}.card-top{padding:24px 25px 32px}.card-top:after{right:25px}.identity-row{margin-top:37px}.identity-copy h1{font-size:46px}.positioning{margin-top:33px}.positioning h2{font-size:25px}.card-body{padding:22px 24px 0}.website-link{margin:0 -24px;padding:18px 24px 20px}}@media(max-width:350px){.card-top{padding-inline:21px}.identity-copy h1{font-size:40px}.avatar{width:50px;height:58px;font-size:28px}.positioning h2{font-size:22px}.card-body{padding-inline:20px}.website-link{margin-inline:-20px;padding-inline:20px}.button{padding-inline:9px;font-size:13px}}@media(max-height:740px){.qr-person{margin-top:19px}.qr-sheet h2{margin-top:17px;font-size:22px}.qr-sheet .dialog-intro{margin-block:10px 14px}#qr-image{width:min(52vw,210px);height:min(52vw,210px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body,.page-shell{background:#fff}.page-shell{display:block;padding:0}.primary-actions,.phone-number,.utility-actions,.website-link,.sheet,.toast{display:none!important}.business-card{max-width:105mm;margin:0 auto;border:1px solid #777;box-shadow:none;animation:none}}
