.sp-grid[data-v-545502c3]{justify-content:center;display:flex}.sp-grid--cards[data-v-545502c3]{--sp-w:180px;grid-template-columns:repeat(auto-fill, var(--sp-w));max-width:calc(var(--sp-cols) * (var(--sp-w) + 16px) - 16px);justify-content:center;gap:16px;margin:0 auto;display:grid}.sp-grid--cards .sp-online[data-v-545502c3]{grid-column:1/-1;max-width:none}@media (width<=480px){.sp-grid--cards[data-v-545502c3]{--sp-w:156px;max-width:calc(var(--sp-cols) * (var(--sp-w) + 12px) - 12px);gap:12px}.sp-card[data-v-545502c3]{padding:12px 10px 10px}.sp-phone-no[data-v-545502c3]{font-size:16px}}.sp-card[data-v-545502c3]{box-sizing:border-box;border:1px solid var(--hdj-gray-200);background:#fff;border-radius:14px;flex-direction:column;align-items:center;width:100%;height:212px;padding:14px 14px 12px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.sp-card[data-v-545502c3]:hover{border-color:var(--hdj-primary-200);box-shadow:0 12px 26px -16px #4f46e566}.sp-ico[data-v-545502c3]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:-8px;left:-8px;box-shadow:0 0 0 3px #fff,0 4px 10px -4px #0f172a59}.sp-ico--wx[data-v-545502c3]{background:#07c160}.sp-ico--wx svg[data-v-545502c3]{width:17px;height:17px}.sp-ico--tel[data-v-545502c3]{background:var(--hdj-primary-600)}.sp-ico--tel svg[data-v-545502c3]{width:14px;height:14px}.sp-name[data-v-545502c3]{min-width:0;color:var(--hdj-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sp-body[data-v-545502c3]{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.sp-foot[data-v-545502c3]{justify-content:center;align-items:center;max-width:100%;height:18px;display:flex}.sp-qrcode[data-v-545502c3]{object-fit:cover;border-radius:8px;width:124px;height:124px;display:block}.sp-qrcode--empty[data-v-545502c3]{color:var(--hdj-gray-400);background:var(--hdj-gray-50);justify-content:center;align-items:center;font-size:12px;display:flex}.sp-wechat-no[data-v-545502c3]{max-width:100%;color:var(--hdj-gray-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;transition:color .2s;display:inline-flex}.sp-wechat-no span[data-v-545502c3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-wechat-no svg[data-v-545502c3]{opacity:.7;flex:none;width:12px;height:12px}.sp-wechat-no[data-v-545502c3]:hover{color:var(--hdj-primary-600)}.sp-wechat-no:hover svg[data-v-545502c3]{opacity:1}.sp-phone-no[data-v-545502c3]{color:var(--hdj-primary-600);font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:19px;font-weight:700}.sp-card--tel:hover .sp-phone-no[data-v-545502c3]{color:var(--hdj-primary-700)}.sp-grid--compact[data-v-545502c3]{grid-template-columns:repeat(var(--sp-row), minmax(0, 120px));gap:10px;max-width:none}.sp-grid--compact .sp-card[data-v-545502c3]{border-radius:12px;height:auto;padding:12px 8px 8px}.sp-grid--compact .sp-name[data-v-545502c3]{max-width:100%;font-size:12px}.sp-grid--compact .sp-body[data-v-545502c3]{padding:8px 0 6px}.sp-grid--compact .sp-qrcode[data-v-545502c3]{aspect-ratio:1;width:100%;max-width:96px;height:auto}.sp-grid--compact .sp-foot[data-v-545502c3]{height:16px}.sp-grid--compact .sp-wechat-no[data-v-545502c3]{font-size:11px}.sp-grid--compact .sp-wechat-no svg[data-v-545502c3]{width:11px;height:11px}.sp-grid--compact .sp-phone-no[data-v-545502c3]{letter-spacing:0;font-size:14px}.sp-grid--compact .sp-ico[data-v-545502c3]{width:22px;height:22px;top:-6px;left:-6px;box-shadow:0 0 0 2px #fff,0 3px 8px -4px #0f172a59}.sp-grid--compact .sp-ico--wx svg[data-v-545502c3]{width:13px;height:13px}.sp-grid--compact .sp-ico--tel svg[data-v-545502c3]{width:11px;height:11px}@media (width<=480px){.sp-grid--compact[data-v-545502c3]{grid-template-columns:repeat(var(--sp-row-sm), minmax(0, 150px))}.sp-grid--compact .sp-name[data-v-545502c3]{font-size:13px}.sp-grid--compact .sp-phone-no[data-v-545502c3]{font-size:16px}}.sp-online[data-v-545502c3]{box-sizing:border-box;color:#fff;background:linear-gradient(135deg, var(--hdj-primary-500), var(--hdj-primary-700));border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.sp-online[data-v-545502c3]:after{content:"";background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-30px}.sp-online-text[data-v-545502c3]{flex-direction:column;line-height:1.4;display:flex;position:relative}.sp-online-text b[data-v-545502c3]{font-size:16px}.sp-online-text small[data-v-545502c3]{opacity:.85;font-size:12px}.sp-online-btn[data-v-545502c3]{color:var(--hdj-primary-600);cursor:pointer;background:#fff;border:none;border-radius:999px;flex:none;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .2s;display:inline-flex;position:relative}.sp-online-btn svg[data-v-545502c3]{width:15px;height:15px}.sp-online-btn[data-v-545502c3]:hover{transform:translate(2px)}