.page-stage{min-height:100vh;width:100%}@media(min-width:640px){.page-stage.with-phone-frame{min-height:100vh;padding:70px 20px 40px;background:radial-gradient(circle at 50% 30%,#1e293b,#090d16);display:flex;justify-content:center;align-items:center}.page-stage.with-phone-frame .card-wrapper{width:390px;height:820px;min-height:820px;border-radius:48px;border:10px solid #0f172a;outline:2px solid rgba(255,255,255,.15);box-shadow:0 30px 70px -15px #000000b3,0 0 0 1px #00000080;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none}.page-stage.with-phone-frame .card-wrapper::-webkit-scrollbar{display:none}.phone-notch-bar{position:sticky;top:0;left:0;right:0;height:28px;z-index:999;display:flex;justify-content:center;align-items:flex-start;padding-top:6px;pointer-events:none}.phone-notch-island{width:110px;height:22px;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;box-shadow:0 2px 6px #00000080}.phone-notch-camera{width:8px;height:8px;background:#111827;border:1px solid #1f2937;border-radius:50%}}.template-switcher-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10000;max-width:95vw;font-family:system-ui,-apple-system,sans-serif}.template-bar-inner{display:flex;align-items:center;gap:8px;background:#0f172aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:30px;box-shadow:0 10px 30px #0000004d;color:#fff;font-size:13px}.template-bar-title{font-weight:600;white-space:nowrap;color:#94a3b8}.template-pill-group{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.template-pill-group::-webkit-scrollbar{display:none}.template-pill{background:#ffffff1a;border:1px solid transparent;color:#e2e8f0;padding:4px 10px;border-radius:16px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.template-pill:hover{background:#fff3}.template-pill.active{background:#2563eb;color:#fff;font-weight:600;border-color:#60a5fa;box-shadow:0 2px 8px #2563eb66}.frame-toggle-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fbbf24;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.frame-toggle-pill:hover{background:#fbbf2433}.frame-toggle-pill.active{background:#d97706;color:#fff;border-color:#f59e0b}.template-toggle-btn{background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #00000040}.template-close-btn{background:transparent;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:50%}.template-close-btn:hover{color:#fff}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10001;display:flex;align-items:center;gap:8px;background:#0f172aeb;color:#38bdf8;border:1px solid rgba(56,189,248,.3);padding:10px 20px;border-radius:24px;box-shadow:0 10px 25px #0000004d;font-size:14px;font-weight:500;animation:toastFadeIn .25s ease-out forwards}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.card-wrapper{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;width:100%}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.card-container{position:relative;width:min(calc(100% - 32px),420px);margin:0 auto;padding:clamp(24px,5vh,44px) 0 calc(36px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.brand-row{margin-bottom:20px}.header-profile{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.avatar-wrapper{position:relative;display:inline-block;margin-bottom:14px}.avatar-img{display:block;width:90px;height:90px;border-radius:50%;object-fit:cover}.avatar-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;background:#06f;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0066ff4d}.profile-name{margin:0 0 4px;font-size:26px;font-weight:700;letter-spacing:.5px}.profile-role{margin:0 0 4px;font-size:15px;font-weight:500}.profile-line-accent{width:32px;height:3px;background:#06f;border-radius:2px;margin:6px auto 10px}.profile-pinyin{margin:0;font-size:14px;opacity:.8}.profile-company{margin:2px 0 0;font-size:14px;font-weight:600}.links-grid{display:flex;flex-direction:column;gap:14px;width:100%}.card-item-link{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;min-height:64px;border-radius:14px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer}.card-item-link:active{transform:scale(.985)}.item-left{display:flex;align-items:center;gap:14px;min-width:0}.item-icon-box{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.item-icon-box img{width:24px;height:24px}.item-text-info{display:flex;flex-direction:column;min-width:0}.item-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-detail{font-size:14px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-action-icon{display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0;margin-left:8px}.tpl-1-bg{background:linear-gradient(180deg,#eaf4fc,#d8ebf9)}.tpl-1-bg .clouds-wrap{position:absolute;top:0;left:50%;transform:translate(-50%);width:max(100%,800px);opacity:.85}.template-1{color:#0f172a}.template-1 .avatar-img{border:3px solid #ffffff;box-shadow:0 10px 25px #0066ff1f}.template-1 .profile-name{color:#0f2942}.template-1 .profile-role{color:#06f;font-weight:600}.template-1 .profile-pinyin{color:#64748b}.template-1 .profile-company{color:#06f}.template-1 .card-item-link{background:#fff;box-shadow:0 6px 18px #0f29420d}.template-1 .card-item-link:hover{box-shadow:0 10px 24px #0f29421a}.template-1 .item-icon-box{background:#eff6ff}.template-1 .item-label{color:#1e293b}.template-1 .item-detail{color:#64748b}.template-1 .item-action-icon{color:#94a3b8}.tpl-2-bg{background:linear-gradient(165deg,#0e1c36,#060d1b)}.tpl-2-bg .glow-orb{position:absolute;top:10%;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,136,255,.18) 0%,transparent 70%);pointer-events:none}.template-2{color:#fff}.template-2 .avatar-img{border:2.5px solid #0088ff;box-shadow:0 0 25px #0088ff73}.template-2 .profile-name{color:#fff}.template-2 .profile-role{color:#38bdf8}.template-2 .profile-pinyin{color:#94a3b8}.template-2 .profile-company{color:#08f}.template-2 .profile-line-accent{background:#08f}.template-2 .card-item-link{background:#0f1c36a6;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.template-2 .card-item-link:hover{background:#16284cd9;border-color:#0088ff4d}.template-2 .item-icon-box{background:#ffffff14}.template-2 .item-icon-box img{filter:brightness(0) invert(1)}.template-2 .item-label{color:#fff}.template-2 .item-detail{color:#94a3b8}.template-2 .item-action-icon{color:#64748b}.tpl-3-bg{background:#090d16}.template-3{color:#fff}.template-3 .avatar-img{border:2px solid #0284c7;box-shadow:0 0 20px #0284c766}.template-3 .profile-name{color:#fff}.template-3 .profile-role{color:#38bdf8}.template-3 .profile-pinyin{color:#94a3b8}.template-3 .profile-company{color:#0284c7}.template-3 .card-item-link{background:#111827d9;border:1px solid rgba(255,255,255,.08)}.template-3 .card-item-link:hover{border-color:#38bdf84d;background:#1e293be6}.template-3 .item-icon-box{background:#ffffff0f}.template-3 .item-icon-box img{filter:brightness(0) invert(1)}.template-3 .item-label{color:#f8fafc}.template-3 .item-detail{color:#94a3b8}.template-3 .item-action-icon{color:#64748b}.tpl-4-bg{background:linear-gradient(180deg,#f8fafc,#e2e8f0)}.tpl-4-bg .architecture-curves-tr{position:absolute;top:0;right:0;width:100%;height:260px;pointer-events:none}.tpl-4-bg .world-dots-bottom{position:absolute;bottom:0;left:0;right:0;height:120px;background-image:radial-gradient(rgba(0,102,255,.1) 1.5px,transparent 1.5px);background-size:16px 16px;mask-image:linear-gradient(to top,black,transparent);-webkit-mask-image:linear-gradient(to top,black,transparent)}.template-4{color:#0f172a}.template-4 .avatar-img{border:3px solid #ffffff;box-shadow:0 8px 20px #00000014}.template-4 .profile-name{color:#0f172a}.template-4 .profile-role{color:#0284c7}.template-4 .profile-pinyin{color:#64748b}.template-4 .profile-company{color:#0284c7}.template-4 .card-item-link{background:#fff;box-shadow:0 6px 16px #0000000a;border:1px solid #f1f5f9}.template-4 .item-icon-box{background:#f0f9ff}.template-4 .item-label{color:#0f172a}.template-4 .item-detail{color:#64748b}.tpl-4-footer-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#0284c7}.tpl-4-footer-divider .divider-line{height:1px;width:60px;background:linear-gradient(90deg,transparent,rgba(2,132,199,.4))}.tpl-4-footer-divider .divider-line:last-child{background:linear-gradient(-90deg,transparent,rgba(2,132,199,.4))}.tpl-5-bg{background:linear-gradient(180deg,#f0f7ff,#e0f2fe)}.tpl-5-bg .skyscraper-diagonal-tr{position:absolute;top:0;right:0;width:100%;height:350px}.tpl-5-bg .watermark-mobilyft{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:56px;font-weight:900;letter-spacing:4px;color:#0066ff0a;-webkit-user-select:none;user-select:none;white-space:nowrap}.template-5{color:#0f172a}.template-5 .avatar-img{border:3px solid #ffffff;box-shadow:0 10px 25px #0000001a}.template-5 .icon-bg-phone{background:#2563eb}.template-5 .icon-bg-email{background:#0284c7}.template-5 .icon-bg-wechat{background:#16a34a}.template-5 .icon-bg-teams{background:#7c3aed}.template-5 .icon-bg-website{background:#1d4ed8}.template-5 .item-icon-box img{filter:brightness(0) invert(1)}.template-5 .card-item-link{background:#fff;box-shadow:0 6px 18px #0000000a}.tpl-6-bg{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.tpl-6-bg .skyline-bottom{position:absolute;bottom:0;left:0;right:0;width:100%;height:120px}.template-6{color:#0f172a}.template-6 .avatar-img{border:3px solid #ffffff;box-shadow:0 8px 20px #00000014}.template-6 .profile-role-dash{font-size:14px;color:#475569;font-weight:500;margin-bottom:4px}.template-6 .card-item-link{background:#fff;box-shadow:0 6px 18px #0000000a}.template-6 .border-accent-phone{border-left:4px solid #2563eb}.template-6 .border-accent-email{border-left:4px solid #0284c7}.template-6 .border-accent-wechat{border-left:4px solid #16a34a}.template-6 .border-accent-teams{border-left:4px solid #7c3aed}.template-6 .border-accent-website{border-left:4px solid #1d4ed8}.template-6 .item-icon-box{background:#f1f5f9}.tpl-7-bg{background:linear-gradient(180deg,#f0f7ff,#e0effe)}.tpl-7-bg .glass-tower-tr{position:absolute;top:0;right:0;width:100%;height:380px}.tpl-7-bg .tech-lines-bottom{position:absolute;bottom:0;left:0;right:0;height:100px;background-image:repeating-linear-gradient(0deg,rgba(37,99,235,.04) 0px,rgba(37,99,235,.04) 1px,transparent 1px,transparent 12px)}.template-7{color:#0f172a}.template-7 .avatar-img{border:3px solid #ffffff;box-shadow:0 8px 24px #2563eb26}.template-7 .role-pill-badge{display:inline-block;background:#2563eb;color:#fff;padding:4px 16px;border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;box-shadow:0 4px 12px #2563eb40}.template-7 .card-item-link{background:#fff;box-shadow:0 6px 18px #0000000a}.template-7 .item-icon-box{background:#eff6ff}@font-face{font-family:Lato Local;src:url(/assets/fonts/lato-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Russo One Local;src:url(/assets/fonts/russo-one-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:#124362;background:#acd0e6;font-family:Lato Local,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100svh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.business-card{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#b7d9ec,#a9cce2)}.sky{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 47% 10%,rgba(255,255,255,.7),transparent 26%),linear-gradient(180deg,#c5e0eff2,#97c3dceb)}.clouds{position:absolute;left:50%;top:0;width:max(100vw,1280px);height:100%;min-height:720px;transform:translate(-50%);object-fit:cover;object-position:center;opacity:.8}.card-content{width:min(calc(100% - 40px),580px);margin:0 auto;padding:clamp(22px,6svh,46px) 0 calc(30px + env(safe-area-inset-bottom))}.profile{margin-bottom:22px;text-align:center}.avatar{display:block;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px #1243621f}.profile h1{margin:0;color:#124362;font-family:Russo One Local,Arial Black,sans-serif;font-size:24px;font-weight:400;line-height:33.6px}.profile p{margin:2px 0 0;color:#124362;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:17px;font-weight:400;line-height:24.65px}.contact-list{display:grid;gap:12px}.contact-link,.website-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-radius:6px;color:#fff;background:#2f729bad;box-shadow:0 7px 18px #20557614;transition:background-color .12s ease,transform .12s ease}.contact-link{position:relative;height:58px;padding:6px 54px}.icon-wrap{position:absolute;left:18px;top:50%;display:grid;width:34px;height:34px;place-items:center;transform:translateY(-50%)}.icon-wrap img{display:block;width:34px;height:34px;filter:brightness(0) invert(1)}.contact-copy{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center}.contact-label{font-size:15px;line-height:18px}.contact-detail{margin-top:2px;font-size:13.5px;line-height:16px}.separator{display:grid;height:40px;grid-template-columns:minmax(0,92px) 16px minmax(0,92px);align-items:center;justify-content:center;gap:10px}.separator span{height:1px;background:linear-gradient(90deg,transparent,rgba(18,67,98,.38))}.separator span:last-child{transform:scaleX(-1)}.separator img{width:16px;height:16px;filter:invert(22%) sepia(30%) saturate(1319%) hue-rotate(157deg) brightness(91%)}.website-link{height:58px;padding:10px;font-size:15px;line-height:18px}.contact-link:active,.website-link:active{background:#256084c7;transform:scale(.992)}.contact-link:focus-visible,.website-link:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover){.contact-link:hover,.website-link:hover{background:#2f729bc2}}@media(min-width:900px){.card-content{padding-top:16px}}@media(max-width:360px){.card-content{width:min(calc(100% - 28px),580px)}.contact-link{padding-right:46px;padding-left:46px}.icon-wrap{left:12px}}@media(prefers-reduced-motion:reduce){.clouds,.contact-link,.website-link{animation:none;transition:none}}