.fri-pill[data-astro-cid-jhxstkyf]{border-radius:var(--radius);margin:.3em .6em .3em 0;padding:.5em;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.fri-pill-avatar[data-astro-cid-jhxstkyf]{border-radius:var(--radius);background-color:#fff;width:48px;height:48px;position:absolute;top:0;bottom:0;left:0;transform:rotate(20deg)translate(-15%)}.fri-pill-label[data-astro-cid-jhxstkyf]{margin-left:2.6em}.friends-container{max-width:var(--content-width);margin-left:auto;margin-right:auto}.friends-note{margin:var(--space-md) 0 var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;letter-spacing:.02em;font-style:italic}.friends-apply-grid{gap:var(--space-lg);max-width:900px;margin:var(--space-xl) auto;grid-template-columns:1fr 1fr;display:grid}.friends-apply-grid h3,.friends-apply-grid p{margin:0}@media (width<=768px){.friends-apply-grid{gap:var(--space-md);margin:var(--space-lg) auto;grid-template-columns:1fr}}.apply-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);overflow:hidden}@media (hover:hover){.apply-card:hover{box-shadow:var(--shadow-md);border-color:#c2413b26}}.card-body{padding:var(--space-lg)}@media (width<=450px){.card-body{padding:var(--space-md)}}.site-info-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);display:flex}.site-avatar-wrap{flex-shrink:0;position:relative}.site-avatar{border-radius:var(--radius-lg);object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow-xs);border:2px solid var(--color-bg-surface);outline:1px solid var(--color-border)}.verified-badge{background:var(--color-success);border:2px solid var(--color-bg-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px}.site-name{font-size:var(--text-base);color:var(--color-title);font-weight:700;line-height:var(--leading-snug)}.site-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;line-height:1.4}.info-fields{gap:var(--space-xs);flex-direction:column;display:flex}.info-field{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-secondary);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:flex}@media (hover:hover){.info-field:hover{background:var(--color-selection);border-color:#c2413b1f}}.field-text{min-width:0}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:2px;font-size:10px;font-weight:600;display:block}.field-value{font-size:var(--text-xs);color:var(--color-text);font-weight:500;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.copy-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-surface);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:#c2413b0a}}.copy-btn:active{transform:scale(.94)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success);background:#4d7c4d14}.copy-btn.copied .copy-icon,.copy-btn:not(.copied) .check-icon{display:none}.steps-title{align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-title);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);font-weight:700;display:flex}.steps-icon{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-accent);background:#c2413b14;justify-content:center;align-items:center;display:flex}.steps-icon svg{width:15px;height:15px}.steps-list{flex-direction:column;display:flex}.step{gap:var(--space-sm);display:flex}.step.frist{margin-top:1rem}.step:last-child .step-content{padding-bottom:0}.step-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-num{border:2px solid var(--color-border);background:var(--color-bg-surface);width:26px;height:26px;color:var(--color-text-muted);font-size:11px;font-weight:700;font-family:var(--font-mono);transition:border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step:first-child .step-num{border-color:var(--color-accent);color:var(--color-accent);background:#c2413b0f}.step-line{background:var(--color-border);width:1.5px;min-height:18px;transition:background var(--duration-normal) var(--ease-out);border-radius:1px;flex:1;margin:4px 0}.step:first-child .step-line{background:#c2413b33}.step-content{padding-bottom:var(--space-md);min-width:0}.step-heading{font-size:var(--text-sm);color:var(--color-title);font-weight:600;line-height:var(--leading-snug);margin-bottom:3px}.step-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.template-box{margin-top:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);transition:border-color var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}@media (hover:hover){.template-box:hover{border-color:#c2413b33}}.template-box pre{padding:var(--space-sm);margin:0;padding-right:40px;overflow-x:auto}.template-box code{font-size:11px;font-family:var(--font-mono);color:var(--color-text);white-space:pre;line-height:1.8}.template-copy{top:var(--space-xs);right:var(--space-xs);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:absolute}@media (hover:hover){.template-copy:hover{color:var(--color-accent);background:#c2413b0f}}.template-copy:active{transform:scale(.94)}.template-copy.copied{color:var(--color-success)}.template-copy.copied .copy-icon,.template-copy:not(.copied) .check-icon{display:none}.notes-card{max-width:900px;margin:var(--space-xl) auto 0;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.notes-card h3,.notes-card p{margin:0}.notes-title{align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-title);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-weight:700;display:flex}.notes-title svg{color:var(--color-warning);flex-shrink:0}.notes-list{gap:var(--space-xs);flex-direction:column;display:flex}.note-item{align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out);line-height:1.6;display:flex}@media (hover:hover){.note-item:hover{background:var(--color-hover)}}.note-dot{background:var(--color-warning);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.6em;box-shadow:0 0 0 2px #b0803c26}.note-item strong{color:var(--color-title);font-weight:600}