.bind-hero{position:relative;z-index:1;padding:calc(var(--nav-height) + 52px) 0 48px;text-align:center;background:radial-gradient(circle at 22% 28%,rgba(179,145,255,.18) 0%,transparent 44%),radial-gradient(circle at 78% 42%,rgba(239,122,214,.12) 0%,transparent 38%),linear-gradient(180deg,rgba(240,233,255,.35) 0%,transparent 100%)}.bind-hero-inner{width:var(--content-width);margin:0 auto;padding:0 var(--section-gutter)}.bind-breadcrumb{display:inline-flex;gap:8px;align-items:center;margin-bottom:20px;color:var(--text-muted);font-size:14px}.bind-breadcrumb a:hover{color:var(--brand)}.bind-section{padding:clamp(36px,6vw,72px) 0}.bind-panel{padding:clamp(24px,4vw,34px)}.bind-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.bind-heading .section-title{justify-content:flex-start}.bind-heading .section-title:before{display:none}.bind-heading p{margin:12px 0 0;color:var(--text-soft);font-size:15px;line-height:1.7}.bind-heading-actions{display:flex;gap:10px;flex-shrink:0}.bind-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.bind-search{flex:1;max-width:520px;display:flex;height:48px;padding:4px 4px 4px 16px;border:1px solid rgba(124,78,243,.2);border-radius:14px;background:#fffffff0;box-shadow:0 8px 24px #5c3da414,inset 0 1px #fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.bind-search:focus-within{border-color:#7c4ef39e;box-shadow:0 0 0 4px #7c4ef31a,0 10px 28px #5c3da41c}.bind-search-icon{align-self:center;flex:0 0 auto;color:var(--brand);opacity:.72}.bind-search input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;color:var(--text);background:transparent;font-size:15px}.bind-search button,.bind-refresh,.bind-pagination button{border:0;border-radius:999px;background:#7c4ef31a;color:var(--brand);font-size:14px;font-weight:900;cursor:pointer}.bind-search button{width:76px;border-radius:10px;color:#fff;background:var(--button-gradient);box-shadow:0 5px 14px #774aeb33;transition:filter .18s ease,transform .18s ease}.bind-search button:hover{filter:brightness(1.05)}.bind-search button:active{transform:scale(.97)}.bind-search button:focus-visible,.bind-refresh:focus-visible{outline:3px solid rgba(124,78,243,.24);outline-offset:2px}.bind-refresh{height:44px;padding:0 18px;border:1px solid rgba(124,78,243,.2);background:#7c4ef314;transition:background-color .18s ease,transform .18s ease}.bind-refresh:hover{background:#7c4ef324}.bind-refresh:active{transform:scale(.97)}.bind-share-action{align-self:center;width:auto;min-width:80px;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:34px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--brand);font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.bind-share-action:hover{background:#7c4ef30a;border-color:#7c4ef34d}.bind-count{margin-bottom:16px;color:var(--text-muted);font-size:14px;font-weight:800}.bind-agents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bind-agent-card{display:flex;flex-direction:column;position:relative}.agent-card-delete{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#0000000f;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .18s ease,background .18s ease,color .18s ease}.bind-agent-card:hover .agent-card-delete{opacity:1}.agent-card-delete:hover{background:#ef44441f;color:#ef4444}.agent-name-row{display:flex;align-items:center;justify-content:center;gap:4px}.agent-name-edit{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:#7c4ef314;color:var(--brand);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .18s ease,background .18s ease}.bind-agent-card:hover .agent-name-edit{opacity:1}.agent-name-edit:hover{background:#7c4ef32e}.bind-agent-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.bind-agent-meta span{max-width:100%;padding:4px 9px;border-radius:999px;background:#66607f14;color:var(--text-soft);font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-tag.is-bound{color:#168a57;background:#168a571a}.bind-channel-status{max-width:100%;white-space:normal;line-height:1.55;text-align:center}.bind-agent-btns{display:flex;gap:8px;margin-top:auto}.bind-agent-btns .bind-agent-action{align-self:center;width:auto;min-width:0;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px}.bind-agent-btns .bind-share-action{flex:1;margin-top:0;min-width:0}.bind-agent-action{align-self:center;width:auto;min-width:132px;margin-top:auto;color:#fff;background:var(--button-gradient, linear-gradient(135deg, #7c4ef3, #a855f7));border-color:transparent}.bind-agent-action:hover{filter:brightness(1.05);background:var(--button-gradient, linear-gradient(135deg, #7c4ef3, #a855f7))}.bind-agent-action .bind-wechat-icon{flex-shrink:0}.bind-state-panel,.bind-empty{min-height:260px;display:grid;place-items:center;justify-items:center;gap:14px;padding:36px 20px;border:1px dashed rgba(124,78,243,.24);border-radius:18px;background:#ffffff8f;text-align:center}.bind-empty-actions{display:flex;gap:10px;margin-top:4px}.bind-state-panel.compact{min-height:180px}.bind-state-panel h2,.bind-empty h2{margin:0;color:var(--text);font-size:22px;font-weight:900}.bind-state-panel p,.bind-empty p{max-width:520px;margin:0;color:var(--text-soft);font-size:15px;line-height:1.75}.bind-spinner{width:34px;height:34px;border:3px solid rgba(124,78,243,.15);border-top-color:var(--brand);border-radius:50%;animation:bind-spin .85s linear infinite}@keyframes bind-spin{to{transform:rotate(360deg)}}.bind-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px}.bind-pagination button{height:40px;padding:0 18px}.bind-pagination button:disabled{opacity:.45;cursor:not-allowed}.bind-pagination span{color:var(--text-soft);font-size:14px;font-weight:900}@media(max-width:1080px){.bind-agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.bind-heading{flex-direction:column;align-items:stretch}.bind-search{max-width:none}.bind-agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bind-hero{padding:calc(var(--nav-height) + 16px) 0 18px;text-align:left}.bind-hero .agents-hero-title{font-size:25px;line-height:1.18;letter-spacing:-.025em}.bind-section{padding:16px 0 34px}.bind-panel{padding:18px 14px 22px;border-radius:18px}.bind-heading{gap:14px;margin-bottom:16px}.bind-heading .section-title{font-size:21px}.bind-heading-actions{width:100%;gap:7px}.bind-heading-actions .small-action,.bind-heading-refresh{flex:1 1 0;min-width:0;height:38px;min-height:38px;padding:0 8px;font-size:13px;white-space:nowrap}.bind-toolbar{margin-bottom:14px}.bind-search{width:100%;height:46px}.bind-search input{font-size:14px}.bind-search button{width:66px}.bind-agents-grid{grid-template-columns:1fr}}.weclaw-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:weclaw-fade-in .2s ease}@keyframes weclaw-fade-in{0%{opacity:0}to{opacity:1}}.weclaw-modal{position:relative;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;padding:36px 32px 32px;border-radius:20px;background:#fff;box-shadow:0 24px 64px #0003;animation:weclaw-slide-up .25s ease}@keyframes weclaw-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.weclaw-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:#66607f14;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.weclaw-close:hover{background:#66607f29;color:var(--text)}.weclaw-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.weclaw-spinner{width:36px;height:36px;border:3px solid rgba(124,78,243,.15);border-top-color:var(--brand);border-radius:50%;animation:bind-spin .6s linear infinite}.weclaw-loading-text{color:var(--text-soft);font-size:15px}.weclaw-title{margin:0;color:var(--text);font-size:22px;font-weight:900;line-height:1.3}.weclaw-title.success{color:#22c55e}.weclaw-desc{margin:0;max-width:320px;color:var(--text-soft);font-size:14px;line-height:1.7}.weclaw-qr-wrap{position:relative;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;display:inline-block}.weclaw-qr-canvas{display:flex;align-items:center;justify-content:center}.weclaw-qr-canvas canvas{display:block!important}.weclaw-qr-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #00000026;object-fit:cover;background:#f5f0ff;z-index:1}.weclaw-hint{margin:0;color:var(--text);font-size:15px;font-weight:700}.weclaw-sub-hint{margin:0;max-width:280px;color:var(--text-muted);font-size:13px;line-height:1.6}.weclaw-status-bar{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700}.weclaw-status-bar.pending{background:#7c4ef30f;color:var(--brand)}.weclaw-status-bar.connecting{background:#22c55e0f;color:#22c55e}.weclaw-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.weclaw-status-dot.pulse{animation:weclaw-pulse 1.2s ease-in-out infinite}@keyframes weclaw-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.weclaw-success-icon-wrap{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#22c55e14;color:#22c55e;margin-bottom:4px}.weclaw-success-icon-wrap.connecting{background:#7c4ef314;color:var(--brand)}.weclaw-spin-icon{animation:weclaw-spin .8s linear infinite}@keyframes weclaw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weclaw-confirm-btn{height:44px;padding:0 36px;margin-top:8px;border:none;border-radius:999px;background:var(--button-gradient);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.weclaw-confirm-btn:hover{box-shadow:0 8px 24px #774aeb40;transform:translateY(-1px)}@media(max-width:480px){.weclaw-modal{padding:28px 20px 24px}.weclaw-qr-wrap{width:220px;height:220px}.weclaw-title{font-size:19px}.weclaw-qr-canvas canvas{width:180px!important;height:180px!important}.weclaw-qr-avatar{width:40px;height:40px}}.edit-name-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:weclaw-fade-in .2s ease}.edit-name-modal{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border-radius:20px;background:var(--surface-strong);box-shadow:0 24px 64px #0003;width:90%;max-width:360px;animation:weclaw-slide-up .25s ease}.edit-name-title{margin:0;font-size:18px;font-weight:900;color:var(--text)}.edit-name-desc{margin:0;font-size:14px;color:var(--text-soft);text-align:center;line-height:1.6}.edit-name-desc strong{color:var(--text)}.edit-name-input{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:700;outline:none;transition:border-color .18s ease}.edit-name-input:focus{border-color:var(--brand)}.edit-name-actions{display:flex;gap:10px;width:100%}.edit-name-actions button{flex:1}