.friends-page[data-v-81e5760b]{position:relative;min-height:877px;overflow:hidden;color:#172139;background:#fff;font-family:var(--site-font-sans)}.friends-shell[data-v-81e5760b]{position:relative;z-index:2}.friends-heading[data-v-81e5760b]{position:relative;z-index:2;padding-top:42px;text-align:center}.friends-heading h1[data-v-81e5760b]{margin:0;font-size:46px;line-height:1.2;font-weight:900}.heading-link[data-v-81e5760b]{display:block;width:22px;height:22px;margin:8px auto 9px;color:#05ba8f;stroke-width:3}.friends-heading p[data-v-81e5760b]{margin:0;color:#66748c;font-size:16px}.heading-spark[data-v-81e5760b]{position:absolute;top:71px;width:33px;height:33px;color:#87dfcb}.heading-spark.left[data-v-81e5760b]{left:calc(50% - 178px)}.heading-spark.right[data-v-81e5760b]{right:calc(50% - 178px)}.friends-toolbar[data-v-81e5760b]{display:flex;height:74px;align-items:center;gap:18px;margin-top:29px;padding:0 20px;border:1px solid #e2e7ed;border-radius:10px;background:#fff;box-shadow:0 4px 14px #1e31480d}.friends-toolbar nav[data-v-81e5760b]{display:flex;align-items:center;gap:17px}.friends-toolbar nav button[data-v-81e5760b]{height:38px;padding:0 25px;border:1px solid #e2e7ed;border-radius:999px;color:#40506a;background:#fff;font-size:14px;cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease,transform .16s ease}.friends-toolbar nav button.active[data-v-81e5760b]{border-color:#04b88b;color:#fff;background:#04b88b;font-weight:700;box-shadow:0 6px 15px #00b5882b}.friends-search[data-v-81e5760b]{display:flex;width:333px;height:39px;align-items:center;gap:10px;margin-left:auto;padding:0 15px;border:1px solid #e0e6ed;border-radius:999px;color:#677792}.friends-search svg[data-v-81e5760b]{width:18px}.friends-search input[data-v-81e5760b]{min-width:0;flex:1;border:0;outline:0;color:#344158;background:transparent;font-size:13px}.friends-search input[data-v-81e5760b]::placeholder{color:#8a96aa}.search-button[data-v-81e5760b]{display:flex;width:99px;height:38px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;color:#fff;background:#05b98e;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.search-button svg[data-v-81e5760b]{width:17px}.friends-grid[data-v-81e5760b]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 20px;margin-top:14px}.friend-card[data-v-81e5760b]{position:relative;display:grid;height:168px;grid-template-columns:92px 1fr;grid-template-rows:106px 42px;padding:18px 20px 0;border:1px solid #e0e6ed;border-radius:11px;background:#fff;box-shadow:0 4px 14px #1e31480a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.friend-card.featured[data-v-81e5760b]{border-color:#00ba90;background:linear-gradient(115deg,#fff 40%,#f3fffb)}.featured-badge[data-v-81e5760b]{position:absolute;top:11px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;color:#00a77d;background:#dbf7ee;font-size:11px;font-weight:700}.featured-badge svg[data-v-81e5760b]{width:13px;height:13px}.friend-logo[data-v-81e5760b]{width:84px;height:84px;border-radius:50%;object-fit:cover}.friend-info[data-v-81e5760b]{min-width:0;padding:5px 0 0 16px}.friend-info h2[data-v-81e5760b]{margin:0 0 4px;font-size:18px;line-height:1.2}.friend-role[data-v-81e5760b]{display:inline-block;padding:3px 11px;border-radius:999px;color:#008c6d;background:#e1f7f0;font-size:11px}.friend-info p[data-v-81e5760b]{margin:8px 0 0;color:#68758d;font-size:13px;white-space:nowrap}.friend-card footer[data-v-81e5760b]{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between}.friend-tags[data-v-81e5760b]{display:flex;gap:8px}.friend-tags span[data-v-81e5760b]{padding:4px 10px;border:1px solid #e0e6ed;border-radius:7px;color:#60708a;background:#fafbfc;font-size:11px}.friend-card footer a[data-v-81e5760b]{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e1e7ed;border-radius:50%;color:#02b78b;text-decoration:none;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.friend-card footer a svg[data-v-81e5760b]{width:17px}.friends-grid[data-v-81e5760b]>.async-content-state{grid-column:1 / -1}.exchange-panel[data-v-81e5760b]{display:grid;height:129px;grid-template-columns:145px minmax(300px,2fr) repeat(3,minmax(160px,1fr)) 169px;align-items:center;margin-top:27px;padding:0 20px;border:1px solid #e0e6ed;border-radius:11px;background:#fff;box-shadow:0 4px 14px #1e314809}.exchange-panel>img[data-v-81e5760b]{width:123px;height:84px;object-fit:cover}.exchange-copy h2[data-v-81e5760b]{margin:0 0 7px;font-size:25px}.exchange-copy p[data-v-81e5760b],.requirement p[data-v-81e5760b]{margin:0;color:#68758d;font-size:12px;line-height:1.7}.requirement[data-v-81e5760b]{display:flex;align-items:flex-start;gap:11px}.requirement>span[data-v-81e5760b]{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:50%;color:#00b78b;background:#dff8f1}.requirement svg[data-v-81e5760b]{width:15px}.requirement strong[data-v-81e5760b]{display:block;margin:2px 0 8px;font-size:14px}.exchange-actions[data-v-81e5760b]{display:grid;gap:10px}.exchange-actions button[data-v-81e5760b],.exchange-actions a[data-v-81e5760b]{display:flex;height:42px;align-items:center;justify-content:center;gap:10px;border:1px solid #00b98c;border-radius:7px;color:#00a980;background:#fff;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.exchange-actions a[data-v-81e5760b]{color:#fff;background:#04b88b}.exchange-actions svg[data-v-81e5760b]{width:17px}.friends-thanks[data-v-81e5760b]{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;color:#65748c;font-size:16px}.friends-thanks svg[data-v-81e5760b]{width:21px;height:21px;color:#08b990;fill:currentColor}.mobile-list-end[data-v-81e5760b]{display:none}.friends-toolbar button[data-v-81e5760b]:focus-visible,.friend-card footer a[data-v-81e5760b]:focus-visible,.exchange-actions a[data-v-81e5760b]:focus-visible{outline:3px solid rgba(0,185,140,.2);outline-offset:2px}.decoration[data-v-81e5760b]{position:absolute;pointer-events:none}.left-orb[data-v-81e5760b]{top:61px;left:-94px;width:270px;height:270px;border-radius:50%;background:#e0f6f46b}.right-orb[data-v-81e5760b]{top:43px;right:-97px;width:260px;height:260px;border-radius:50%;border:1px solid #e3f5f1;background:#eaf9f694}.dots[data-v-81e5760b]{top:84px;right:247px;width:105px;height:55px;background-image:radial-gradient(#c8eee7 1.5px,transparent 1.5px);background-size:13px 13px}.dark .friends-page[data-v-81e5760b]{color:var(--color-text);background:var(--color-canvas-subtle)}.dark .friends-toolbar[data-v-81e5760b],.dark .friend-card[data-v-81e5760b],.dark .exchange-panel[data-v-81e5760b]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:0 4px 14px #0000001f}.dark .friends-heading p[data-v-81e5760b],.dark .friend-info p[data-v-81e5760b],.dark .exchange-copy p[data-v-81e5760b],.dark .requirement p[data-v-81e5760b],.dark .friends-thanks[data-v-81e5760b],.dark .mobile-list-end[data-v-81e5760b]{color:var(--color-text-secondary)}.dark .friends-toolbar nav button[data-v-81e5760b]{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface-elevated)}.dark .friends-toolbar nav button.active[data-v-81e5760b]{border-color:#04b88b;color:#fff;background:#04b88b}.dark .friends-search[data-v-81e5760b]{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-input)}.dark .friends-search input[data-v-81e5760b]{color:var(--color-text)}.dark .friends-search input[data-v-81e5760b]::placeholder{color:var(--color-text-muted)}.dark .friend-card.featured[data-v-81e5760b]{border-color:#00ba9094;background:linear-gradient(115deg,var(--color-surface) 40%,#132720)}.dark .featured-badge[data-v-81e5760b],.dark .friend-role[data-v-81e5760b]{color:#83ddc1;background:#00b89424}.dark .friend-tags span[data-v-81e5760b]{border-color:var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-tag)}.dark .friend-card footer a[data-v-81e5760b],.dark .exchange-actions button[data-v-81e5760b]{border-color:var(--color-border);color:#70d6b6;background:var(--color-surface-elevated)}.dark .requirement>span[data-v-81e5760b]{color:#70d6b6;background:#00b89421}.dark .left-orb[data-v-81e5760b],.dark .right-orb[data-v-81e5760b]{border-color:#5bd7b114;background:#42615d21;opacity:.38}.dark .dots[data-v-81e5760b]{background-image:radial-gradient(rgba(91,215,177,.24) 1.5px,transparent 1.5px);opacity:.45}.dark .mobile-list-end i[data-v-81e5760b]{background:var(--color-border)}@media(hover:hover){.friends-toolbar nav button[data-v-81e5760b]:not(.active):hover{border-color:#9edfd0;color:#008e6c;transform:translateY(-1px)}.search-button[data-v-81e5760b]:hover{background:#00af84;box-shadow:0 6px 14px #00b5882e;transform:translateY(-1px)}.friend-card[data-v-81e5760b]:hover{border-color:#b9ddd4;box-shadow:0 9px 24px #1e314817;transform:translateY(-2px)}.friend-card.featured[data-v-81e5760b]:hover{border-color:#00ba90}.friend-card footer a[data-v-81e5760b]:hover{border-color:#9edfd0;color:#008f6d;background:#f0fbf8}.dark .friend-card footer a[data-v-81e5760b]:hover{border-color:#5bd7b18c;color:#8edfc5;background:var(--color-surface-elevated)}}@media(max-width:1320px){.friends-toolbar nav[data-v-81e5760b]{gap:8px}.friends-toolbar nav button[data-v-81e5760b]{padding:0 15px}.exchange-panel[data-v-81e5760b]{grid-template-columns:120px 300px repeat(3,1fr) 150px}}@media(max-width:900px){.friends-toolbar[data-v-81e5760b]{height:auto;flex-wrap:wrap;padding:15px}.friends-toolbar nav[data-v-81e5760b]{width:100%;overflow-x:auto}.friends-search[data-v-81e5760b]{margin-left:0}.friends-grid[data-v-81e5760b]{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-panel[data-v-81e5760b]{height:auto;grid-template-columns:100px 1fr;gap:18px;padding:20px}.requirement[data-v-81e5760b],.exchange-actions[data-v-81e5760b]{grid-column:1 / -1}}@media(max-width:600px){.friends-page[data-v-81e5760b]{min-height:auto;padding-bottom:10px;background:#fcfdff}.friends-heading[data-v-81e5760b]{padding-top:20px}.friends-heading h1[data-v-81e5760b]{font-size:28px;line-height:1.15}.heading-link[data-v-81e5760b]{width:16px;height:16px;margin:5px auto}.friends-heading p[data-v-81e5760b]{font-size:12px}.heading-spark[data-v-81e5760b]{top:34px;width:17px;height:17px}.heading-spark.left[data-v-81e5760b]{left:calc(50% - 101px)}.heading-spark.right[data-v-81e5760b]{right:calc(50% - 101px)}.friends-heading[data-v-81e5760b]:before,.friends-heading[data-v-81e5760b]:after{position:absolute;top:42px;width:21px;height:3px;background:radial-gradient(circle,#23c6a1 1.5px,transparent 1.8px) 0 50% / 9px 3px repeat-x;content:""}.friends-heading[data-v-81e5760b]:before{left:calc(50% - 129px)}.friends-heading[data-v-81e5760b]:after{right:calc(50% - 129px)}.left-orb[data-v-81e5760b]{top:42px;left:-55px;width:130px;height:130px}.right-orb[data-v-81e5760b]{top:35px;right:-52px;width:125px;height:125px}.dots[data-v-81e5760b]{top:76px;right:-5px;width:70px;height:70px}.friends-toolbar[data-v-81e5760b]{display:grid;height:auto;grid-template-columns:minmax(0,1fr) 56px;gap:8px;margin-top:13px;padding:0;border:0;background:transparent;box-shadow:none}.friends-toolbar nav[data-v-81e5760b]{display:grid;grid-column:1 / -1;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow:visible}.friends-toolbar nav[data-v-81e5760b]::-webkit-scrollbar{display:none}.friends-toolbar nav button[data-v-81e5760b]{min-width:0;height:30px;padding:0 3px;font-size:10px;white-space:nowrap}.friends-search[data-v-81e5760b]{grid-column:1 / 2;width:auto;height:36px;margin:0;padding:0 13px;border-radius:999px;background:#fff}.friends-search input[data-v-81e5760b]{font-size:11px}.search-button[data-v-81e5760b]{grid-column:2 / 3;width:56px;height:36px;gap:0;border:1px solid #dcebe7;color:#03aa82;background:#f7fcfa;font-size:11px}.search-button svg[data-v-81e5760b]{display:none}.friends-grid[data-v-81e5760b]{grid-template-columns:1fr;gap:7px;margin-top:6px}.friend-card[data-v-81e5760b]{display:grid;height:72px;grid-template-columns:56px minmax(0,1fr) 29px;grid-template-rows:38px 23px;padding:6px 8px;border-radius:9px}.friend-card.mobile-hidden[data-v-81e5760b]{display:none}.friend-card.featured[data-v-81e5760b]{height:82px;grid-template-columns:62px minmax(0,1fr) 29px;grid-template-rows:45px 24px}.featured-badge[data-v-81e5760b]{top:7px;right:8px;padding:3px 6px;font-size:8px}.featured-badge svg[data-v-81e5760b]{width:10px;height:10px}.friend-logo[data-v-81e5760b]{width:49px;height:49px;align-self:center}.friend-card.featured .friend-logo[data-v-81e5760b]{width:57px;height:57px}.friend-info[data-v-81e5760b]{grid-column:2 / 4;padding:1px 0 0 9px}.friend-info h2[data-v-81e5760b]{display:inline;margin:0;font-size:13px;line-height:1.15}.friend-role[data-v-81e5760b]{margin-left:5px;padding:2px 6px;font-size:8px;vertical-align:1px}.friend-info p[data-v-81e5760b]{margin-top:4px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.friend-card footer[data-v-81e5760b]{display:contents}.friend-tags[data-v-81e5760b]{grid-column:2 / 3;align-self:end;gap:4px;padding-left:9px}.friend-tags span[data-v-81e5760b]{padding:2px 5px;border-radius:5px;font-size:8px;white-space:nowrap}.friend-card footer a[data-v-81e5760b]{grid-column:3 / 4;grid-row:2 / 3;width:27px;height:27px;align-self:end;justify-self:end;border-radius:7px;background:#fff;box-shadow:0 3px 8px #1e31480d}.friend-card footer a svg[data-v-81e5760b]{width:14px;height:14px}.mobile-list-end[data-v-81e5760b]{display:flex;align-items:center;justify-content:center;gap:9px;margin:7px 0 8px;color:#77859b;font-size:9px}.mobile-list-end i[data-v-81e5760b]{display:block;width:20px;height:1px;background:#d7dee7}.exchange-panel[data-v-81e5760b]{display:grid;grid-template-columns:82px minmax(0,1fr);gap:0 10px;margin-top:0;padding:11px}.exchange-panel>img[data-v-81e5760b]{width:78px;height:auto;grid-row:1 / 4;align-self:start;margin-top:2px}.exchange-copy h2[data-v-81e5760b]{margin-bottom:4px;font-size:17px}.exchange-copy p[data-v-81e5760b]{display:none}.requirement[data-v-81e5760b]{grid-column:2 / 3;gap:7px;margin-bottom:3px}.requirement>span[data-v-81e5760b]{width:19px;height:19px}.requirement svg[data-v-81e5760b]{width:12px}.requirement strong[data-v-81e5760b]{display:inline;margin:0 7px 0 0;font-size:10px}.requirement p[data-v-81e5760b]{display:inline;color:#56657d;font-size:9px;line-height:1.25}.requirement p br[data-v-81e5760b]{display:none}.exchange-actions[data-v-81e5760b]{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.exchange-actions button[data-v-81e5760b],.exchange-actions a[data-v-81e5760b]{height:34px;font-size:11px}.exchange-actions[data-v-81e5760b]>:only-child{grid-column:1 / -1}.friends-thanks[data-v-81e5760b]{gap:7px;margin-top:12px;color:#596980;font-size:10px}.friends-thanks svg[data-v-81e5760b]{width:15px;height:15px}}@media(max-width:390px){.friends-toolbar nav[data-v-81e5760b]{gap:5px}.friends-toolbar nav button[data-v-81e5760b]{padding:0 2px;font-size:9px}.friend-card[data-v-81e5760b]{grid-template-columns:51px minmax(0,1fr) 28px}.friend-card.featured[data-v-81e5760b]{grid-template-columns:57px minmax(0,1fr) 28px}.friend-logo[data-v-81e5760b]{width:46px;height:46px}.friend-card.featured .friend-logo[data-v-81e5760b]{width:53px;height:53px}.exchange-panel[data-v-81e5760b]{grid-template-columns:70px minmax(0,1fr);padding-right:9px;padding-left:9px}.exchange-panel>img[data-v-81e5760b]{width:68px}}