.hero-download{text-align:center}.hero-download .quick-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-width:142px;height:48px;padding:0 24px;margin:0;border:0;border-radius:999px;background:var(--amber,#f3b263);color:#15110b;font:700 13px var(--font,sans-serif);text-decoration:none;transition:background .18s,transform .18s;box-shadow:0 6px 24px #f3ae6214}.hero-download .quick-download:hover{background:#ffc581;transform:translateY(-1px)}.quick-download:focus-visible,.wechat-copy:focus-visible,.qr-frame:focus-visible{outline:2px solid #9edcff;outline-offset:4px}
.creator-card{position:relative;isolation:isolate;width:100%;margin:24px auto 0;text-align:left;border:1px solid #7296b352;border-radius:18px;background:radial-gradient(ellipse at 0 0,#21476266,transparent 65%),linear-gradient(125deg,#11212ff5,#080f1bf5 75%);box-shadow:0 20px 50px #0005,inset 0 1px #c7e8ff18;overflow:hidden;backdrop-filter:blur(18px)}.creator-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#8bc9f30a 40%,transparent 60%);background-size:250% 100%;animation:card-shimmer 9s ease-in-out infinite;pointer-events:none}.creator-card-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #82b8d51a;color:#91b4cd;font:9px/1.5 var(--mono,monospace);letter-spacing:.12em}.creator-card-top>span:first-child{display:flex;align-items:center;gap:8px}.creator-card-top i{width:5px;height:5px;border-radius:50%;background:#7ce1be;box-shadow:0 0 9px #7ce1be80}.creator-card-mark{font-size:17px;color:#e5ba7d;line-height:1}.creator-card-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:22px;padding:20px}.creator-avatar{display:block;width:52px;height:52px;object-fit:cover;border-radius:14px;border:1px solid #a4c2d859;box-shadow:0 0 0 4px #94b8d00a}.creator-profile h2{margin:12px 0 14px;font:600 21px/1.3 var(--font,sans-serif);letter-spacing:.02em;color:#edf5fc}.creator-profile h2 span{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#9caebb;letter-spacing:.05em}.creator-id>span{display:block;color:#6d90aa;font:8px/1.5 monospace;letter-spacing:.15em;margin-bottom:4px}.creator-id strong{display:block;font:500 13px/1.5 var(--mono,monospace);letter-spacing:.01em;color:#d1e5f2;user-select:all}.wechat-copy{display:inline-flex;align-items:center;gap:14px;padding:0;margin-top:10px;border:0;background:none;color:#98cdee;font:11px/1.8 var(--font,sans-serif);cursor:pointer}.wechat-copy:hover{color:#d3eeff}.copy-status{display:block;min-height:14px;margin-top:3px;color:#88d5b9;font:10px/1.4 var(--font,sans-serif)}.creator-code{text-align:center}.qr-frame{display:block;padding:6px;border:1px solid #8ec9e75c;border-radius:12px;background:#9edcff0a;box-shadow:0 0 24px #57b0ec0c;transition:border-color .2s}.qr-frame:hover{border-color:#a5dfff}.qr-frame img{display:block;width:100%;height:auto;border-radius:6px}.qr-caption{display:block;margin-top:10px;color:#89a8bd;font:10px/1.5 var(--font,sans-serif);letter-spacing:.03em}.creator-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #82b8d51a;color:#849aaa;font-size:10px}.creator-card-foot>span:last-child{font:8px/1.5 monospace;letter-spacing:.12em;color:#b6a184}.creator-card-foot i{font-size:12px;font-style:normal;margin-left:4px}@keyframes card-shimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(max-width:540px){.hero-download .quick-download{min-width:136px;height:44px;padding:0 22px}.creator-card{margin-top:20px;border-radius:15px}.creator-card-top{padding:11px 14px;font-size:8px}.creator-card-body{grid-template-columns:minmax(0,1fr) 148px;gap:12px;padding:16px 14px}.creator-avatar{width:44px;height:44px;border-radius:12px}.creator-profile h2{font-size:19px;margin:10px 0 12px}.creator-profile h2 span{font-size:10px}.creator-id strong{font-size:11px}.qr-frame{padding:4px;border-radius:10px}.qr-caption{font-size:9px;margin-top:8px}.creator-card-foot{padding:11px 14px;font-size:9px}.creator-card-foot>span:last-child{font-size:7px}}@media(max-width:360px){.creator-card-body{grid-template-columns:minmax(0,1fr) 128px;gap:8px;padding:14px 12px}.creator-id strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-download .quick-download,.qr-frame{transition:none}.creator-card:before{animation:none}}
