.theme-friend-links--04 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 0; padding:13px 16px; border:1px solid rgba(178,97,52,.22); border-radius:12px; color:#896b5b; background:#fffaf5; box-shadow:0 7px 20px rgba(142,75,35,.06); }
.theme-friend-links--04:empty { display:none; }
.theme-friend-links--04 a { display:inline-flex; min-width:92px; max-width:100%; min-height:34px; padding:6px 15px; box-sizing:border-box; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(240,106,42,.34); border-radius:999px; color:#b55528; background:rgba(240,106,42,.09); font-size:14px; font-weight:700; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.theme-friend-links--04 a:hover { border-color:var(--wu-accent); color:#fff; background:var(--wu-accent); }
@media (max-width:820px) { .theme-friend-links--04 { gap:9px; padding:11px 13px; }.theme-friend-links--04 a { min-width:0; flex:1 1 calc(25% - 9px); padding-inline:10px; } }
.friend-link-confirm { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:20px; background:rgba(59,34,20,.5); }
.friend-link-confirm__dialog { width:min(390px,100%); padding:24px; box-sizing:border-box; border:1px solid rgba(240,106,42,.35); border-radius:14px; color:#49372d; background:#fffaf5; box-shadow:0 24px 70px rgba(80,42,20,.24); }
.friend-link-confirm__dialog strong { display:block; color:#2f2119; font-size:19px; }.friend-link-confirm__dialog p { margin:12px 0 8px; color:#896b5b; line-height:1.7; }
.friend-link-confirm__dialog--auto { text-align:center; }.friend-link-confirm__dialog--auto small { display:block; color:#a17a65; font-size:13px; }