.agents-hero{position:relative;z-index:1;padding:calc(var(--nav-height) + 48px) 0 48px;text-align:center;background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(179,145,255,.15) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 75% 55%,rgba(228,114,200,.1) 0%,transparent 70%),linear-gradient(180deg,rgba(240,233,255,.3) 0%,transparent 100%);overflow:hidden}.agents-hero:before,.agents-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:-1}.agents-hero:before{width:340px;height:340px;top:-60px;right:8%;background:#8d62f61f}.agents-hero:after{width:260px;height:260px;bottom:-40px;left:12%;background:#e472c81a}@media(prefers-reduced-motion:no-preference){.agents-hero:before{animation:agents-float 8s ease-in-out infinite}.agents-hero:after{animation:agents-float 10s ease-in-out infinite reverse}}@keyframes agents-float{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}.agents-hero-inner{width:var(--content-width);max-width:none;margin:0 auto;padding:0 var(--section-gutter);position:relative}.agents-hero-title{margin:0;color:var(--text);font-size:clamp(38px,5vw,60px);font-weight:900;line-height:1.12;letter-spacing:-.03em}.agents-hero-accent{background:linear-gradient(135deg,var(--brand) 0%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.agents-hero-subtitle{margin:16px auto 0;max-width:420px;color:var(--text-soft);font-size:clamp(16px,1.8vw,19px);line-height:1.65}.agents-search-row{display:flex;align-items:center;justify-content:center;gap:12px;max-width:600px;margin:32px auto 0}.agents-search{position:relative;flex:1;min-width:0}.agents-search-input{width:100%;height:52px;padding:0 52px 0 20px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface-strong);box-shadow:0 8px 24px var(--shadow);color:var(--text);font-size:15px;line-height:1.4;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.agents-search-input::placeholder{color:var(--text-muted)}.agents-search-input:focus{border-color:var(--brand);box-shadow:0 8px 24px var(--shadow-strong),0 0 0 4px var(--focus-ring)}.agents-search-submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}.agents-search-submit:hover{color:var(--brand);background:#7c4ef30f}.agents-list-section{padding:clamp(36px,5vw,64px) 0}.agents-list-header{display:flex;align-items:baseline;gap:12px;margin-bottom:0}.agents-list-title{margin:0;color:var(--text);font-size:clamp(22px,2vw,28px);font-weight:900;letter-spacing:-.02em}.agents-count{color:var(--text-muted);font-size:14px;font-weight:700}.agents-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;margin-bottom:28px}.agents-tabs{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.agents-tab{height:38px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text-soft);font-size:14px;font-weight:800;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .12s ease}.agents-tab:hover{color:var(--brand);border-color:#7c4ef34d;background:#7c4ef30a;transform:translateY(-1px)}.agents-tab:active{transform:translateY(0) scale(.98)}.agents-tab.active{color:#fff;background:var(--button-gradient);border-color:transparent;box-shadow:0 6px 18px #774aeb33;transform:none}.agents-sort{display:flex;align-items:center;gap:4px;flex-shrink:0}.agents-sort-item{height:32px;padding:0 14px;border:none;border-radius:999px;background:none;color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:color .15s ease,background-color .15s ease}.agents-sort-item:hover{color:var(--text-soft);background:#7c4ef30a}.agents-sort-item.active{color:var(--brand);background:#7c4ef314}.agents-grid .agent-card.hidden{display:none}@media(prefers-reduced-motion:no-preference){.agents-grid--loaded .agent-card{opacity:0;transform:translateY(16px);animation:agents-card-in .45s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--card-index, 0) * 40ms)}@keyframes agents-card-in{to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.agents-grid--loaded .agent-card{opacity:1;transform:none;animation:none}}.agent-avatar-wrap{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.92);box-shadow:0 8px 20px #855cd224,inset 0 0 0 1px #7c4ef30f;transition:box-shadow .25s ease,transform .25s ease}.agent-card:hover .agent-avatar-wrap{box-shadow:0 12px 28px #855cd238,inset 0 0 0 1px #7c4ef31a;transform:scale(1.04)}.agent-avatar-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.agent-card:hover .agent-avatar-img{transform:scale(1.08)}.agent-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:6px}.agent-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;color:var(--brand);background:#8d62f614;font-size:12px;font-weight:800;white-space:nowrap;transition:background-color .15s ease}.agent-card:hover .agent-tag{background:#8d62f624}.agent-meta{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:8px}.agent-card{min-height:0;padding:20px 18px 18px;position:relative;overflow:hidden}.agent-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(124,78,243,.04),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.agent-card:hover:before{opacity:1}.agent-name{display:block;margin:0;text-align:center;font-size:20px;transition:color .2s ease}.agent-card:hover .agent-name{color:var(--brand)}.agent-desc{min-height:38px;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.55}.agent-card--skeleton{pointer-events:none}.skeleton-avatar{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;background:#8c78be1f}.skeleton-line{border-radius:6px;background:#8c78be1a}@media(prefers-reduced-motion:no-preference){.skeleton-avatar{background:linear-gradient(110deg,#8c78be14,#8c78be29 40%,#8c78be14 60%);background-size:200% 100%;animation:agents-shimmer 1.6s ease-in-out infinite}.skeleton-line{background:linear-gradient(110deg,#8c78be0f,#8c78be24 40%,#8c78be0f 60%);background-size:200% 100%;animation:agents-shimmer 1.6s ease-in-out infinite}}.skeleton-line--name{width:60%;height:20px;margin:0 auto}.skeleton-tags{display:flex;justify-content:center;gap:6px;margin-top:8px}.skeleton-line--tag{width:48px;height:20px;border-radius:999px}.skeleton-line--desc{width:90%;height:14px;margin:10px auto 0}.skeleton-line--short{width:60%}.skeleton-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.skeleton-line--btn{width:80px;height:30px;border-radius:999px}@keyframes agents-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.agents-empty-state{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center}.agents-empty-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#7c4ef30f;color:var(--text-muted);margin-bottom:16px}.agents-empty-text{margin:0;color:var(--text-soft);font-size:17px;font-weight:800}.agents-empty-hint{margin:8px 0 0;color:var(--text-muted);font-size:14px}.agents-retry-btn{margin-top:20px;height:42px;padding:0 28px;border:1.5px solid #5e38c8;border-radius:999px;background:var(--surface-strong);color:#5e38c8;font-size:15px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .12s ease}.agents-retry-btn:hover{border-color:var(--brand);background:#7c4ef30a;transform:translateY(-1px)}.agents-retry-btn:active{transform:scale(.98)}.agents-load-more{display:flex;justify-content:center;padding:32px 0 0}.agents-load-more-btn{height:44px;padding:0 36px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text-soft);font-size:15px;font-weight:700;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .12s ease}.agents-load-more-btn:hover:not(:disabled){color:var(--brand);border-color:#7c4ef34d;background:#7c4ef30a;transform:translateY(-1px)}.agents-load-more-btn:active:not(:disabled){transform:scale(.98)}.agents-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.agent-likes{display:inline-flex;align-items:center;gap:5px;color:#e4729a;font-size:13px;font-weight:700;cursor:pointer;border:none;background:#e4729a0f;padding:5px 12px;border-radius:999px;transition:background-color .15s ease,transform .12s ease}.agent-likes:hover{background:#e4729a24;transform:scale(1.06)}.agent-likes:active{transform:scale(.96)}.agent-likes.liked{color:#e8457a;background:#e4729a1f}.agents-share-code-btn{display:inline-flex;align-items:center;gap:7px;height:52px;padding:0 22px;flex-shrink:0;border:1.5px solid var(--line);border-radius:16px;background:var(--surface-strong);box-shadow:0 8px 24px var(--shadow);color:var(--brand);font-size:15px;font-weight:800;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .15s ease,transform .12s ease;white-space:nowrap}.agents-share-code-btn:hover{border-color:var(--brand);background:#7c4ef30a;box-shadow:0 8px 24px var(--shadow-strong),0 0 0 4px var(--focus-ring);transform:translateY(-1px)}.agents-share-code-btn:active{transform:scale(.98)}.agents-share-code-btn svg{flex-shrink:0}.agent-share{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--brand);font-size:13px;font-weight:700;cursor:pointer;border:none;background:#7c4ef30f;padding:5px 12px;border-radius:999px;transition:background-color .15s ease,transform .12s ease}.agent-share:hover{background:#7c4ef324;transform:scale(1.06)}.agent-share:active{transform:scale(.96)}.agent-card-actions{display:flex;gap:8px;margin-top:10px;justify-content:center}.agent-card-actions .agent-add-lover-btn{margin:0;flex:1;max-width:none;min-width:0}.agent-bind-wechat-btn{flex:1;height:34px;padding:0 14px;border:1.5px solid #5e38c8;border-radius:999px;background:transparent;color:#5e38c8;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.agent-bind-wechat-btn:hover{background:var(--button-gradient);color:#fff;box-shadow:0 6px 18px #774aeb38;transform:translateY(-1px)}.agent-bind-wechat-btn:active{transform:scale(.98)}.agent-add-lover-btn{display:block;width:100%;max-width:180px;margin:10px auto 0;height:34px;border:none;border-radius:999px;background:linear-gradient(135deg,#7c55e0,#5a35c0);color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease}.agent-add-lover-btn:hover:not(:disabled){box-shadow:0 6px 18px #774aeb38;transform:translateY(-1px)}.agent-add-lover-btn:active:not(:disabled){transform:scale(.98)}.agent-add-lover-btn:disabled{opacity:.55;cursor:not-allowed}.agents-share-toast{position:fixed;top:calc(var(--nav-height) + 16px);left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:12px 28px;border-radius:14px;background:#fff;box-shadow:0 12px 36px #00000026;color:var(--text);font-size:15px;font-weight:700}@media(prefers-reduced-motion:no-preference){.agents-share-toast{animation:agents-toast-in .25s ease,agents-toast-out .3s ease 3s forwards}}.agents-share-toast strong{color:var(--brand);letter-spacing:2px}@keyframes agents-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes agents-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.lover-success-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#0000007a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lover-success-modal{position:relative;width:400px;max-width:calc(100vw - 32px);padding:36px 32px 28px;border-radius:24px;background:#fff;box-shadow:0 24px 64px #0000002e;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}@media(prefers-reduced-motion:no-preference){.lover-success-overlay{animation:lover-fade-in .2s ease}.lover-success-modal{animation:lover-slide-up .25s ease}}@keyframes lover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lover-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lover-success-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#22c55e14;color:#22c55e;margin-bottom:4px}.lover-success-title{margin:0;color:#22c55e;font-size:22px;font-weight:900;line-height:1.3}.lover-success-desc{margin:0;max-width:320px;color:var(--text-soft);font-size:14px;line-height:1.7}.lover-success-desc strong{color:var(--text)}.lover-success-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}.lover-success-btn:hover{box-shadow:0 8px 24px #774aeb40;transform:translateY(-1px)}.lover-success-btn:active{transform:scale(.98)}.lover-success-later{height:36px;padding:0 24px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:color .15s ease,border-color .15s ease}.lover-success-later:hover{color:var(--text-soft);border-color:var(--line-strong)}@media(max-width:980px){.agents-hero{padding:calc(var(--nav-height) + 36px) 0 36px}.agents-hero:before{width:240px;height:240px}.agents-hero:after{width:180px;height:180px}}@media(max-width:860px){.agents-filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.agents-tabs{gap:6px}.agents-tab{height:36px;padding:0 16px;font-size:14px}.agents-sort-item{height:30px;padding:0 12px;font-size:13px}}@media(max-width:640px){.agents-hero{padding:calc(var(--nav-height) + 18px) 0 18px}.agents-hero-title{font-size:27px;line-height:1.08}.agents-hero-subtitle{display:none}.agents-search-row{gap:8px;margin-top:16px}.agents-hero:before,.agents-hero:after{display:none}.agents-search-input{height:44px;padding-right:46px;padding-left:16px;font-size:14px}.agents-search-submit{width:34px;height:34px;right:5px}.agents-share-code-btn{width:44px;height:44px;justify-content:center;padding:0;border-radius:14px}.agents-share-code-btn span{display:none}.agents-list-section{padding:20px 0 32px}.agents-list-header{align-items:center;gap:8px}.agents-list-title{font-size:20px}.agents-count{font-size:12px}.agents-filter-bar{gap:8px;margin-top:12px;margin-bottom:16px}.agents-tabs{width:100%;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.agents-tabs::-webkit-scrollbar{display:none}.agents-tab{flex:0 0 auto;height:34px;padding:0 14px;font-size:13px}.agents-sort{align-self:flex-end}.agents-sort-item{height:28px;padding:0 10px;font-size:12px}.agent-avatar-wrap{width:100px;height:100px}.agent-name{font-size:18px}.agent-add-lover-btn{height:32px;font-size:12px;max-width:160px}.agent-bind-wechat-btn{height:32px;font-size:12px}.lover-success-modal{padding:28px 20px 24px;border-radius:20px}.lover-success-title{font-size:19px}}