#friend-search:focus{box-shadow:0 0 0 3px var(--primary) / .1}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{padding:.5rem 1rem;border:1px solid var(--line-divider);border-radius:var(--radius-large);background:var(--btn-regular-bg);color:var(--btn-content);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tag:hover:not(.active){background:var(--btn-hover-bg);border-color:var(--primary);transform:translateY(-1px)}.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-tag.active:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;transform:translateY(-1px)}.friends-guide{display:grid;gap:1.5rem}.friends-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.friends-guide-card{border-radius:1.35rem;padding:1.2rem;background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 94%,white 6%),color-mix(in oklab,var(--card-bg) 88%,var(--primary) 12%));border:1px solid color-mix(in oklab,var(--line-divider) 78%,white 22%);box-shadow:0 14px 30px #0f172a0d,inset 0 1px #ffffffb8;backdrop-filter:blur(12px)}.dark .friends-guide-card{background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 94%,white 6%),color-mix(in oklab,var(--card-bg) 82%,var(--primary) 18%));border-color:color-mix(in oklab,var(--line-divider) 82%,white 18%);box-shadow:0 18px 38px #00000026,inset 0 1px #ffffff0f}.friends-guide-card-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;min-height:2.7rem}.friends-guide-card-title-wrap{display:flex;align-items:center;min-height:2.7rem}.friends-guide-card-head h2{margin:0;font-size:1.15rem;font-weight:800;color:#334155f5;letter-spacing:.02em}.dark .friends-guide-card-head h2{color:#fffffff0}.friends-guide-card-head p{margin:.3rem 0 0;font-size:.9rem;color:#475569c2;line-height:1.75}.dark .friends-guide-card-head p{color:#ffffffb8}.friends-guide-icon{width:2.7rem;height:2.7rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.15rem;font-weight:700;color:#0284c7;background:#e0f2fef2;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #0ea5e91f}.friends-guide-icon-alt{color:#059669;background:#dcfce7f2;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #10b98124}.friends-guide-icon-note{color:var(--primary);background:color-mix(in oklab,white 88%,var(--primary) 12%);box-shadow:inset 0 1px #ffffffd1,0 10px 22px color-mix(in oklab,var(--primary) 18%,transparent)}.friends-notes-card{background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 94%,white 6%),color-mix(in oklab,var(--card-bg) 84%,var(--primary) 16%));border-color:color-mix(in oklab,var(--line-divider) 70%,var(--primary) 30%)}.dark .friends-notes-card{background:linear-gradient(180deg,color-mix(in oklab,var(--card-bg) 92%,white 8%),color-mix(in oklab,var(--card-bg) 76%,var(--primary) 24%));border-color:color-mix(in oklab,var(--line-divider) 72%,var(--primary) 28%)}.friends-site-profile{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:1.05rem;background:color-mix(in oklab,var(--btn-regular-bg) 90%,white 10%);border:1px solid color-mix(in oklab,var(--line-divider) 80%,white 20%);margin-bottom:1rem}.dark .friends-site-profile{background:color-mix(in oklab,var(--btn-regular-bg) 92%,white 8%);border-color:color-mix(in oklab,var(--line-divider) 84%,white 16%)}.friends-site-avatar{width:4.3rem;height:4.3rem;border-radius:1rem;object-fit:cover;flex-shrink:0;box-shadow:0 10px 20px #94a3b824}.friends-site-meta h3{margin:0;font-size:1rem;font-weight:800;color:#1e293bf2}.friends-site-meta{flex:1;min-width:0}.dark .friends-site-meta h3{color:#fffffff0}.friends-site-meta p{margin:.2rem 0 0;font-size:.84rem;line-height:1.7;color:#475569c2}.dark .friends-site-meta p{color:#ffffffb8}.friends-copy-list{display:grid;gap:.7rem}.friends-copy-item{padding:.85rem .95rem;border-radius:1rem;background:color-mix(in oklab,var(--btn-regular-bg) 90%,white 10%);border:1px solid color-mix(in oklab,var(--line-divider) 80%,white 20%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0}.dark .friends-copy-item{background:color-mix(in oklab,var(--btn-regular-bg) 92%,white 8%);border-color:color-mix(in oklab,var(--line-divider) 84%,white 16%)}.friends-copy-main{min-width:0;overflow:hidden}.friends-copy-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:#64748bdb;margin-bottom:.25rem}.dark .friends-copy-label{color:#fff9}.friends-copy-label-icon{font-size:.95rem;color:#0ea5e9f2}.friends-copy-value{font-size:.84rem;line-height:1.65;color:#1e293bf2;display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .friends-copy-value{color:#ffffffe0}.friends-copy-button{width:2.15rem;height:2.15rem;border-radius:.75rem;border:1px solid transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#475569cc;background:color-mix(in oklab,var(--card-bg) 88%,white 12%);transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.friends-copy-button:hover{color:#0284c7;border-color:#0ea5e92e;background:#e0f2fef5;transform:translateY(-1px)}.dark .friends-copy-button{color:#ffffffb3;background:color-mix(in oklab,var(--card-bg) 88%,white 12%)}.friends-copy-button.is-copied{color:#059669;border-color:#10b9812e;background:#dcfce7f5}.friends-copy-icon{width:1rem;height:1rem;display:block;position:absolute;inset:0;margin:auto;transition:opacity .18s ease,transform .18s ease}.friends-copy-icon-default{opacity:1;transform:scale(1)}.friends-copy-icon-success,.friends-copy-button.is-copied .friends-copy-icon-default{opacity:0;transform:scale(.72)}.friends-copy-button.is-copied .friends-copy-icon-success{opacity:1;transform:scale(1)}.friends-step-list{display:grid;gap:.95rem}.friends-step-item{display:grid;grid-template-columns:2.35rem 1fr;gap:.8rem;align-items:start}.friends-step-index{width:2.35rem;height:2.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 18px #10b98129}.friends-step-content h3{margin:0 0 .2rem;font-size:.98rem;font-weight:800;color:#334155f5}.dark .friends-step-content h3{color:#fffffff0}.friends-step-content p{margin:0;font-size:.85rem;line-height:1.75;color:#475569c2;word-break:break-word}.friends-step-content p+p{margin-top:.48rem}.dark .friends-step-content p{color:#ffffffb8}.friends-step-content a{color:#f59e0b;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:#f59e0bb3;text-underline-offset:.18em;text-decoration-thickness:1px;border-bottom:none;transition:color .2s ease,text-decoration-color .2s ease}.friends-step-content a:hover{color:#ea580c;text-decoration-color:#ea580ceb}.friends-apply-template{margin-top:.75rem;padding:.85rem .95rem;border-radius:1rem;background:color-mix(in oklab,var(--btn-regular-bg) 90%,white 10%);border:1px solid color-mix(in oklab,var(--line-divider) 80%,white 20%)}.dark .friends-apply-template{background:color-mix(in oklab,var(--btn-regular-bg) 92%,white 8%);border-color:color-mix(in oklab,var(--line-divider) 84%,white 16%)}.friends-apply-template-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.friends-apply-template-title{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#334155e0}.dark .friends-apply-template-title{color:#ffffffdb}.friends-apply-template-title svg{font-size:.95rem;color:#059669}.friends-apply-template pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.75;color:#334155eb;font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace}.dark .friends-apply-template pre{color:#ffffffd1}.friends-note-list{margin:0;display:grid;gap:.65rem}.friends-note-item{display:flex;align-items:flex-start;gap:.65rem}.friends-note-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0;margin-top:.48rem;background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 82%,white 18%),var(--primary));box-shadow:0 0 0 4px color-mix(in oklab,white 78%,var(--primary) 22%)}.friends-note-item p{margin:0;font-size:.86rem;line-height:1.8;color:#334155eb}.dark .friends-note-item p{color:#ffffffd6}@media(max-width:1024px){.friends-guide-grid{grid-template-columns:1fr}}@media(max-width:640px){.friends-guide-card{padding:1rem;border-radius:1.15rem}.friends-guide-card-head h2{font-size:1.05rem}.friends-site-profile{flex-direction:row;align-items:center;gap:.75rem;padding:.85rem .9rem}.friends-site-avatar{width:3.6rem;height:3.6rem;border-radius:.9rem}.friends-site-meta h3{font-size:.98rem;line-height:1.35}.friends-site-meta p{margin-top:.12rem;font-size:.8rem;line-height:1.5}.friends-step-item{grid-template-columns:2.2rem 1fr;gap:.7rem}.friends-step-index{width:2.2rem;height:2.2rem;font-size:.9rem}.friends-step-content h3{font-size:.95rem}.friends-copy-item{padding:.8rem .85rem}.friends-copy-button{width:2rem;height:2rem}}